常用属性
.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
元素里的文字,因为那个元素最后并不显示。
登录后评论