如何替换/更改标题文字<h1></h1>，使用Javascript？

Question

如何更改/替换文本：“Hello”使用JavaScript来表示“再见”而不是？

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

Answer 1

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

这里是a working fiddle。

Answer 2

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

Answer 3

这里是JSBin

更改使用的getElementsByTagName（ '跨'）

document.getElementsByTagName('span')[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

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";