Question

我正在尝试使用h（1-6）标签。我可以使用一个正则表达式或变量在屏幕上打印标签吗？

<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>

例如，我想使用一个变量或一个正则表达式，而不是全部使用

：

<h1-6>Heading</h1-6>
<h$>Heading</h$>

感谢您的帮助。

Answer 1

只编写HTML会更容易，更简单。

如果您真的想动态进行操作，则可以使用以下方法。

window.onload = function(){
  var d = document.getElementById("out");
  var h, i, max = 7;
  for(i=1;i<max;i++) {
    h = document.createElement("h"+i);
    h.textContent = "Heading";
    d.appendChild(h);
  }
}

<div id="out"></div>

Answer 2

简单的答案是否定的。并非以您指示的方式使用本地javascript变量。 HTML是静态文本。

您可能需要编写诸如此类的JavaScript（其中v是您之前设置的全局变量）

<script type='text/javascript'>document.write("<h" + v + ">Heading</h" + v + ">")</script>

或使用某种框架（jquery / react / angular）以适合该框架的方式实现基本相同的结果。

动态渲染内容就是这些框架的全部目的。

根据您要实现的目标，在服务器端执行所有操作也可能更有意义。

Answer 3

您可以使用document.createElement()函数来创建HTML标签：

var e = document.createElement("h1");
e.innerHTML("heading");
document.body.appendChild(e);

或者，如果您想制作多个：

function create(text="",type="h1"){
    var e = document.createElement(type);
    e.innerHTML(text);
    document.body.appendChild(e);
}
create("heading one","h1");
create("heading two","h2");
create("heading three","h3");
create("heading four","h4");

这将创建以下内容：

<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<h4>Heading Four</h4>

它还可以与其他类型（例如<p>）一起使用。

Answer 4

do / while循环只是确保while循环运行（例如条件始终为false），并且似乎从未使用过循环。

使用干净代码的属性我将使用HTML中的标题标签，将CSS用于样式，将JavaScript用于复杂处理。这还不够复杂。

类似


var head = 0;
while(head<5) {
    print '<h' .head;'.>Heading</h'.head;'>
    head ++;
}

要打印HTML代码，JavaScript必须使用

转换标签

document.getElementById(h1);

Answer 5

<script>
        function multiply()
        {
                            var result=0;
            for(var number=0;number<=10;number++)
            {
                result= number*9;

                document.write(number+"*"+9+" = "+result);
                document.write("<br>");
                                    console.log(number+"*"+9+" = "+result);
                                    
                                    document.write("<h3>"+number+"Table</h3>");
                                    for(var number2=1;number2<=10;number2++)
                                    {
                                    result=number*number2;
                                    
                               document.write(number+"*"+number2+"="+result);
                                document.write("<br>");
                                  console.log(number+"*"+number2+"="+result);
                                    }
                                    document.write("<br>");
            }
            
            
        }
        multiply();

    </script>

document.write("<h3>"+number+"Table</h3>"); =这样，我们可以在标题内打印变量

如何在HTML标签中使用Javascript变量？

5 个答案: