1. 程式人生 > >JS nodeValue屬性 和 innerText屬性 獲取文本

JS nodeValue屬性 和 innerText屬性 獲取文本

eva love tex 元素 document AS 結果 TE child

...
<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屬性 獲取文本