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

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$>

任何帮助表示赞赏。

标签： javascripthtml

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>