HTML DOM nodeValue 属性
JavaScript基础 2022-06-08 11:30:10小码哥的IT人生shichen
HTML DOM nodeValue 属性
实例
获得第一个 button 元素的节点值：
document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;
结果：
Try it yourself
完整实例：
<!DOCTYPE html>
<html>
<body>
<p id="demo">请点击按钮来获得 button 元素的节点值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var c=document.getElementsByTagName("BUTTON")[0];
var x=document.getElementById("demo");
x.innerHTML=c.childNodes[0].nodeValue;
}
</script>
<p><b>注释：</b>元素内的文本节点被视作文本节点，因此我们返回 button 元素的首个子节点（childNodes[0]）的节点值。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
nodeValue 属性设置或返回指定节点的节点值。
注释：如果您希望返回元素的文本，请记住文本始终位于文本节点中，并且您必须返回文本节点的值（element.childNodes[0].nodeValue）。
提示：nodeValue 属性的替代选择是 textContent 属性。
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器均支持 nodeValue 属性。
语法
设置节点值：
node.nodeValue=value
返回节点值：
node.nodeValue
技术细节
| 返回值： | 字符串值，代表节点的值。 |
| DOM 版本 | Core Level 1 Node Object |
