DOM节点

Posted yuxiaoge

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM节点相关的知识,希望对你有一定的参考价值。

根据 W3C 的 html DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

节点父、子和同胞

节点树中的节点彼此拥有层级关系。

父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。

  • 在节点树中,顶端节点被称为根(root)
  • 每个节点都有父节点、除了根(它没有父节点)
  • 一个节点可拥有任意数量的子
  • 同胞是拥有相同父节点的节点

获取某个元素下的第一个节点:firstElementChild
获取某个元素下的最后一个节点:lastElementChild

parentNode:查找某个元素的父节点。

找到某个元素的下个兄弟节点:nextElementSibling
找到某个元素的上个兄弟节点:previousElementSibling

以上是关于DOM节点的主要内容,如果未能解决你的问题,请参考以下文章

js DOM知识总结

js如何清除dom节点上的指定监听事件?

Dom对象-节点对象

DOM 获取DOM动态创建节点

dom操作--移动节点

DOM树节点和事件