Javascript 更改 h1 文本

Question

我正在尝试h1使用以下代码更改via的文本

document.getElementById("wpbody-content").getElementsByClassName("wrap").getElementsByTagName('h1')[0].innerHTML = 'Application Forms';

这是HTML代码

document.getElementById("wpbody-content").getElementsByClassName("wrap").getElementsByTagName('h1')[0].innerHTML = 'Application Forms';

但它显示我以下错误

TypeError: document.getElementById(...).getElementsByClassName(...).getElementsByTagName is not a function

Answer 1

该getElementsByClassName()方法返回一个元素数组。您需要引用数组中的第一个 wrap 元素，就像您对 h1 元素所做的正确一样。：

document.getElementById("wpbody-content").getElementsByClassName("wrap")[0].getElementsByTagName('h1')[0].innerHTML = 'Application Forms';