首页 > 代码库 > nodevalue

nodevalue

在改变文本节点值时,使用DOM的nodeValue属性,用来得到和设置一个节点的值。

 

代码示例:

html:

<p id="description">choose a picture</p>

javascript:

var description=document.getElementById("description");
alert(description.nodeValue);

点击“小猪”后,效果图显示:

技术分享

元素节点的nodeValue属性返回值为null。

这个调用返回的是一个null值。<p>元素本身的nodeValue属性是一个空值,而真正需要的是<p>元素所包含的文本的值。

包含在<p>元素里的文本是另一种节点,它是<p>元素的第一个字节点。需要的是第一个字节点的nodeValue属性。

代码示例:

添加一行代码:

var description=document.getElementById("description");
alert(description.nodeValue);
alert(description.childNodes[0].nodeValue);

 效果图如下:

技术分享

关于节点:

DOM 节点

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

 

nodevalue