Question

我想在以下代码中提供一些帮助。

它应该做的是在网站上创建一个按钮，当按下时显示相同的消息，每次使用其中一个标题h6到h1。

这是代码。

<p>
<button type="button" onClick="headers()"> Show Headers</button>
<script> function headers() {
for(num = 6; num > 0 ; num--) {
  num.toString();
  document.write("<p>" + "<h(num)>" + "Message") <!-- That is the part that I cannot make to work. I wanted the num in the <hnum> to change as the for loop progresses so I can have h6 h5 h4...etc, dunno if it's possible to do it that way though :/  -->
  }
}
</script>
</p>

Answer 1

你很亲密！看到这个：https://jsfiddle.net/mm6ck3dc/

for(num = 6; num > 0 ; num--) {
  document.write("<p>" + "<h"+num+">" + "Message");
  }

Answer 2

另一个编辑：实际上你也需要结束标记，你不需要<p>：

document.write("<h" + num + ">" + "Message" + "</h" + num + ">");

Answer 3

您尝试编写的循环应如下所示：

for(var num = 6; num > 0; num--) {
  document.write("<h"+num+">" + "Message" + "</h"+num+">");
}

此外，不需要将标题元素嵌套在<p>元素中。

Javascript - 使用for循环更改标题字体大小

3 个答案: