nodeValue和nodeType

nodeValue看到value我们就知道是值了,nodeType看到Type就知道是类型了   nodevalue是取得文本值  当nodeType==3的时候才有会返回值。不然会返回一个null值(或者经常按照我们编码的习惯,会产生一个空格 空格在JS里面nodeType==3是返回true)。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
      <ul id="Mylist">
         <li>1111</li>
         <li>11112</li>
         <li>1113</li>
      </ul>
    </body>
</html>


我们的编码习惯一般都会缩进换行 所以造就了一个空格 。

 <script>
       /**nodeValue***/
        var oul=document.getElementById("Mylist");
        console.log(oul.childNodes[0].nodeValue);
    </script>

这样不会报错,返回一个空格。


console.log(oul.childNodes[1].nodeValue);


oul.childNodes[1]返回的是li 相信到了这里你应该是要取1111这个文本了


 console.log(oul.childNodes[1].childNodes[0].nodeValue);

这样你就取到了111 或者 

 console.log(oul.innerText?oul.children[0].innerText:oul.children[0].textContent);

都可以取到第一个li的文本值.

关于textContent和innerText的兼容问题,上一篇博客已经写好了.有兴趣的同学可以看看。

转载于:https://www.cnblogs.com/junxi/p/5228491.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值