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

Question

I need to change the text inside

HTML element using javascript, but I have no idea about how to do it. ¿Any help?

I've got it defined like:

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

Im trying to do it with:

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

But it doesn't work.

Thanks

Answer 1

你可以使用innerHTML ：

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

Answer 2

If the element only contains text, textContent works better and faster than innerHTML

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

Good luck :)

Answer 3

Though the following code would be the fastest alternative to slow .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'));

And here is the benchmark:

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