更改<h2>文本中的文本我将使用javascript更改</h2>元素

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