javascript - 如何替换/更改里面的标题文本

Question

如何更改/替换文本：“你好”使用 javascript 说“再见”？

<h1 class="titlearea win-type-ellipsis" id="title">
     <span class="pagetitle" >
            Hello
     </span>
</h1>

Answer 1

document.getElementsByClassName("pagetitle")[0].innerHTML = "Goodbye";

这是一个工作小提琴。

Answer 2

document.getElementById('title').getElementsByTagName('span')[0].innerHTML = 'Goodbye';

Answer 3

document.getElementsByClassName("pagetitle")[0].textContent = "Goodbye";

或者

document.getElementsByClassName("pagetitle")[0].innerHTML = "Goodbye";

或者

document.getElementById('title').getElementsByTagName('span')[0].textContent = 'Goodbye';

或者

document.getElementById('title').getElementsByTagName('span')[0].innerHTML = 'Goodbye';

或者

document.getElementById('title').getElementsByClassName("pagetitle")[0].textContent = "Goodbye";

或者

document.getElementById('title').getElementsByClassName("pagetitle")[0].innerHTML = "Goodbye";

Answer 4

如果您乐于为旧版浏览器提供支持（最好）：

document.querySelector('#title .pagetitle').innerHTML = 'Goodbye';

支持：

Chrome  Firefox (Gecko)  Internet Explorer  Opera  Safari (WebKit)
1       3.5 (1.9.1)      8                  10     3.2 (525.3)
        bug 416317                                 WebKit bug 16587

也可以看看：document.querySelectorAll

Answer 5

这是JSBin

使用getElementsByTagName('span')进行更改

document.getElementsByTagName('span')[0].innerHTML = 'Goodbye';

Answer 6

根据XSS 漏洞不建议使用 innerHTML ，旧版本的浏览器（例如 IE8）不支持 textContent。所以创建一个TextNode会更好

element = document.getElementByClassName("pagetitle");
txt = document.createTextNode("GoodBye");
element.appendChild(txt);