HTML DOM 元素 nextSibling
描述
nextSibling 属性返回同一树层级上的下一个节点。
nextSibling 返回一个节点对象。
nextSibling 属性是只读的。
重要提示！
nextSibling 返回下一个同级节点：一个元素节点、一个文本节点或一个注释节点。
元素之间的空白符也是文本节点。
替代方案
nextElementSibling 返回下一个同级元素（忽略文本和注释）。
另请参阅
节点与元素
在 HTML DOM 术语中
节点是指所有节点（元素节点、文本节点和注释节点）。
元素之间的空白符也是文本节点。
元素仅指元素节点。
兄弟节点与元素兄弟节点
**兄弟节点**是“兄弟姐妹”。
**兄弟节点**是具有相同父节点（在相同的 **childNodes** 列表中）的节点。
**元素兄弟节点**是具有相同父节点（在相同的 **children** 列表中）的元素。
childNodes 与 children
childNodes 返回子节点（元素节点、文本节点和注释节点）。
children 返回子元素（不包括文本和注释节点）。
nextSibling 与 nextElementSibling 的区别
nextSibling 返回下一个节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。
nextElementSibling 返回下一个元素（不是文本和注释节点）。
previousSibling 与 previousElementSibling 的区别
previousSibling 返回前一个节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。
previousElementSibling 返回前一个元素（不是文本和注释节点）。
语法
element.nextSibling或
node.nextSibling
返回值
| 类型 | 描述 |
| 节点 | 元素的下一个同级节点。 如果不存在下一个同级节点，则返回 null。 |
浏览器支持
element.nextSibling 是 DOM Level 1 (1998) 功能。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
