javascript使用嵌套for循环动态更改网页内容

简单地说，当按下按钮时，我想将标题中的所有值更改为“t”，这样我就有了以下代码，没有错误
我希望所有标题都将其内容更改为“t”

window.onload=函数（）{
让specialButton=document.getElementById（'mainButton'））
specialButton.addEventListener（'单击'，删除标题（））
函数RemoveHeaders（）{
对于（变量j=1，长度=7；j

s
s
s
删除标题

首先，执行

removeHeadings

函数并将其作为事件侦听器的参数传递。其次，当您想通过标记名获取元素时，您正试图通过名称获取元素–为此，请使用

getElementsByTagName

let headings = document.getElementsByName('h' + j)
                        ^^^^^^^^^^^^^^^^^^^^

window.onload=函数（）{
让specialButton=document.getElementById（'mainButton'））
specialButton.addEventListener（'单击'，删除标题）
函数RemoveHeaders（）{
对于（变量j=1，长度=7；j

s
s
s
删除标题

如果突然调用函数removeHeadings（），则需要传递函数，而不是调用函数的结果

specialButton.addEventListener('click', removeHeadings()); // Remove the parentheses
                                                      ^^

此外，还需要使用函数

getElementsByTagName

let headings = document.getElementsByName('h' + j)
                        ^^^^^^^^^^^^^^^^^^^^

函数

getElementsByName

通过元素中的属性

name

查找元素。例如：

<input type='button' name='myButton'>
                     ^^^^

---

通过使用jQuery，您可以这样做

HTML

<h1>S</h1>
<h2>S</h2>
<h3>S</h3>
<h4>S</h4>
<h5>S</h5>
<h6>S</h6>
<button id="change">CHANGE</button>

---

你想要

getElementsByTagName

我很难理解你刚才说的话，你能进一步解释一下吗？我知道我问了你很多问题，但括号有什么作用？区别不是最终结果same@TheLinuxPro不，因为您正在调用函数，而不是将其作为处理程序传递。实际上，您要做的是传递

未定义的

，这是调用

removeHeadings

的结果。getElementsByTagName和GetElementsByName之间的区别是什么首先，您要执行removeHeadings函数，并将其作为事件侦听器的参数传递。你能澄清一下吗more@TheLinuxPro第一个通过Html标记查找，第二个通过元素的属性

name

查找。Html标记和元素名称之间的区别不在于Html元素的名称，而在于它的标记不是jquery与集成jquery的较新版本javascript的大多数功能冗余的吗？

$("#change").click(function change() {
    console.log("CLICKED");
    $("h1, h2, h3, h4, h5, h6").html("T");
});