javascript中获取元素节点的文本

时间:2022-05-14 06:51:09
<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

DOM节点信息包括节点类型(nodeType)、节点名称(nodeName)和节点值(nodeValue)。

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

  • 元素节点的 nodeName 与标签名相同
  • 属性节点的 nodeName 与属性名相同
  • 文本节点的 nodeName 始终是 #text
  • 文档节点的 nodeName 始终是 #document
  • 元素节点的 nodeValue 是 undefined 或 null
  • 文本节点的 nodeValue 是文本本身
  • 属性节点的 nodeValue 是属性值
<input type="text" id="content" />

1.elementNode.value

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