【HTML DOM】Node.nodeValue的用法

目录结构:

contents structure [+]

Note.noteValue 属性返回或设置当前属性的值。

语法

value = node.nodeValue;

如果有值的话,value则是一个包含当前节点值的字符串,如果没有则是null。

注意

对于document文档自身来说,nodeValue返回null。对于元素节点,nodeValue返回null。对于文本节点、注释和CDATA部分来说,noteValue返回其节点的内容。 对于节点属性来说,属性的值将会被返回。

 

下面的表列出了不同元素的返回值,

Attrvalue of attribute
CDATASectioncontent of the CDATA Section
Commentcontent of the comment
Documentnull
DocumentFragmentnull
DocumentTypenull
Elementnull
NamedNodeMapnull
EntityReferencenull
Notationnull
ProcessingInstructionentire content excluding the target
Textcontent of the text node

详述

实例

<!DOCTYPE html>
<html>
  <head>
    <title>noteValue.html</title>
    <meta name="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
  <div id="emp"></div>
  <div id="full">I hava contents</div>


  <script>
  //返回null
  var val1=document.nodeValue;

  //返回null,因为val2代表的是一个元素节点的noteValue。
  var val2=document.getElementById("emp").nodeValue;

  //报错,因为val3代表的节点无子节点
  var val3=document.getElementById("emp").firstChild.nodeValue;

  //返回null,因为val4代表的是一个元素节点的noteValue.
  var val4=document.getElementById("full").nodeValue;

  //返回一个"I hava contents",因为val5代表的是一个文本节点的子节点
  var val5=document.getElementById("full").firstChild.nodeValue;
  </script>
  </body>
</html>

 

参考文章

原文链接

 

 本文为博主原创翻译,如需转载请注明出处。

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值