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

感谢任何帮助。

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>