改變里面的文字 <h2> 文字我會改變 </h2> 使用javascript的元素

Question

我需要更改里面的文字

使用javascript的HTML元素，但我不知道如何做到這一點。 ¿有什么幫助嗎？

我把它定義為：

 <h2 id="something">Text I want to change.</h2> 

我試圖這樣做：

 document.getElementById("something").value = "new text"; 

但它不起作用。

謝謝

Answer 1

你可以使用innerHTML ：

document.getElementById("something").innerHTML = "new text";

Answer 2

如果元素只包含文本，則textContent比innerHTML更好，更快

document.getElementById("something").textContent = 'new text';

祝好運 ：）

Answer 3

雖然以下代碼是減慢.innerHTML的最快替代方案：

var element = document.getElementById('something');

// removing everything inside the node
while (element.firstChild) {
    element.removeChild(element.firstChild);
}

// appending new text node
element.appendChild(document.createTextNode('new text'));

以下是基准：

JSPerf： http ：//jsperf.com/replace-text-in-node