常用属性

  • .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元素里的文字,因为那个元素最后并不显示。

就业课内容

购买本课或参加与本课相关的就业课均可解锁

我要报名

就业课内容

购买本课或参加与本课相关的就业课均可解锁

我要报名

登录后评论