nodeValue怎么了？

Question

// html
<div>Hello World!</div>

// Javascript
var textNode = div.firstChild;
textNode.nodeValue = "Hello Us";

示例：示例为什么我不能更改文本内容？

Answer 1

您的问题是没有声明您的div变量。我想你一定犯了什么错误。只需引用您想要更改div的nodeValue，那么一切似乎都很好。下面，我将它与getElementsByTagName一起引用，如果需要的话，您可以使用任何其他选项。

​

// Javascript
var div=document.getElementsByTagName('div')[0];
var textNode = div.firstChild;
textNode.nodeValue = "Hello Us";
console.log(textNode.nodeValue);

<div>Hello World!</div>

​

Answer 2

我建议您在div中包含一个id属性，因为它很可能有其他div，这会给您带来麻烦。

// html
<div id="myDivId">Hello World!</div>

// Javascript
var node = document.getElementById("myDivId");
node.textContent = "Hello Us";

如果您使用的是jQuery，则更容易：

jQuery("#myDivId").html("Hello Us");