JS nodeValue属性 和 innerText属性 获取文本

Posted 2020-11-13 hezhouhang

...
<p>
            i love you
</p>
...

var pra = document.getElementsByTagName(‘p‘);
var items = pra[0].childNodes;
console.log(items[0].nodeValue);
//等价于
console.log(pra[0].innerText);

google console测试结果：

 

nodeValue  与  innerText 在此处的区别：

　　第一点

1. nodeValue 获取文本  需要深入到  文本节点 那一层;(p 元素本身的 nodeValue 属性是一个空值);  
2. nnerText  获取文本 作用于  包含文本的  元素节点 ；

　　第二点　　　　　　

1. nodeValue 获取的不仅是 文本值，还包括了 空格符 和 换行符（从上面测试可看出）;
2. innerText 仅仅打印元素节点所包含的  纯文本信息;