javascript中获取元素节点的文本

Posted 2020-07-28

 

<div id="test">
    <strong>i‘m strong</strong>
</div>

 

1.elementNode.innerHTML

  返回的值是<strong>i‘m strong</strong>

2.elementNode.innerText

  返回的值是i‘m strong

3.elementNode.textContent

  返回的值是i‘m strong

4.elementNode.childNodes[1].firstChild.nodeValue

  返回的值是i‘m strong

  如果是非IE浏览器，div的第一个子节点是空白节点[#text],第二个子节点才是<strong>i‘m strong</strong>

• 元素节点的 nodeName 与标签名相同
• 属性节点的 nodeName 与属性名相同
• 文本节点的 nodeName 始终是 #text
• 文档节点的 nodeName 始终是 #document

• 元素节点的 nodeValue 是 undefined 或 null
• 文本节点的 nodeValue 是文本本身
• 属性节点的 nodeValue 是属性值

 

参考：http://www.cnblogs.com/wbkt2t/archive/2009/12/06/1618222.html