HTML DOM 元素 nextSibling

返回列表项的下一个同级项的 HTML 内容：

document.getElementById("item1").nextSibling.innerHTML;

描述

这个nextSibling属性返回同一树级别上的下一个节点。

这个nextSibling返回一个节点对象。

这个nextSibling属性是只读的。

nextSibling返回下一个兄弟节点：元素节点、文本节点或注释节点。

元素之间的空白也是文本节点。

nextElementSibling返回下一个兄弟元素（忽略文字和注释）。

在 HTML DOM 术语中：

节点是所有节点（元素节点、文本节点和注释节点）。

元素之间的空白也是文本节点。

元素只是元素节点。

兄弟姐妹是"brothers" 和"sisters"。

兄弟姐妹是具有相同父节点的节点（在同一子节点列表）。

元素兄弟姐妹是具有相同父级的元素（在同一孩子们列表）。

子节点返回孩子节点（元素节点、文本节点和注释节点）。

孩子们返回孩子元素（不是文本和注释节点）。

下一个兄弟姐妹返回下一个节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

下一个元素同级返回下一个元素（不是文本和注释节点）。

上一个兄弟姐妹返回前一个节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

前一个元素同级返回前一个元素（不是文本和注释节点）。

element.nextSibling

node.nextSibling

类型	描述
节点	该元素的下一个同级元素。 `null`如果不存在下一个兄弟姐妹。

element.nextSibling是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11