Node对象 - [: '玩转Javascript DOM接口' |cut:tmp.cut_limit :]

常用属性

• .nodeName 节点名称
• .nodeType 节点类型
• .childNodes 子Node列表
• .parentNode 父级节点
• .parentElement 父级Node
• .firstChild 第一个子节点
• .lastChild 最后一个子节点
• .textContent 标签中所有的文字
• .innerText 标签中最后显示出来的文字

常用方法

• .appendChild(Node) 在当前Node下追加Node（新Node将成为当前Node的最后一个儿子）
• .cloneNode() 复制当前Node
• .contains(子Node) 检查当前Node里是否包含传入的Node
• .hasChildNodes() 检查当前Node是否有子元素
• .removeChild(子Node) 移除子Node
• .replaceChild(新Node, 旧Node) 替换子Node
• .isEqualNode(Node) 检查两个Node是否长得一模一样
• .isSameNode(Node) 检查两个Node是否本身就是一个Node
• .normalize() 合并相邻的Text并清除空Text

FAQ

.innerText和.textContent有什么区别？

.textContent是“代码”中的文字，.innerText只提取最后渲染出来的文字。也就是哪怕用文字在<script>标签中.textContent依然会提取，而.innerText甚至不会提取display: none元素里的文字，因为那个元素最后并不显示。