码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-06-08 12:06:36      阅读:659      评论:0      收藏:0      [点我收藏+]

标签:nod   http   pre   googl   google   doc   get   属性   color   

...
<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 仅仅打印元素节点所包含的  纯文本信息;

 

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

标签:nod   http   pre   googl   google   doc   get   属性   color   

原文地址:https://www.cnblogs.com/hezhouhang/p/9154328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!