更改多个h1＆amp;的值h2元素与Vanilla JS

Question

我希望循环并更新网站上的元素和文本。我已经尝试过以下但它没有更新H1标签。

document.getElementsByTagName("H1").innerHTML = "My New H1";

document.getElementsByTagName("H1")[0].innerHTML = "My New H1";

我还需要能够获取页面上的元素数量并循环遍历每个元素并更新它们吗？你会如何在Vanilla JS中做到这一点？它不能使用jQuery。

Answer 1

您可能在其他代码中有错误。这应该工作

var h1 = document.getElementsByTagName("h1");
h1.forEach((d,i)=>d.innerText = "New h1 text " + i);

您也可以使用document.getElementsByTagName("h1")[0].innerHTML = "My New H1";

querySelectorAll

document.querySelectorAll("h1")[0].innerHTML = "My New H1"; 和querySelectorAll不区分大小写，因此它应该有效getElementsByTagName和H1

对于循环，您可以使用（ES5）：

h1

Answer 2

如果您有多个标签Hx，请使用SELECT * FROM table AS alias1 LEFT JOIN table AS alias2 遍历该集合。

for()

Answer 3

Rule Name                       Count
Reflected Javascript XSS        15
@Future Methods inside Loops    20
.........

以上代码应该适用于您的第一个h1标记节点。

要遍历所有h1元素，可以使用forEach函数。

document.getElementsByTagName("H1")[0].innerHTML = "My New H1";