HTML | DOM nextSibling 属性

在 HTML DOM（文档对象模型）中，nextSibling 属性返回指定兄弟节点的下一个节点（紧接在当前节点后面的下一个节点）。

语法

node.nextSibling

其中，node 为当前节点。

返回值

返回下一个兄弟节点，如果没有下一个兄弟节点，则返回 null。

示例

假设现在有以下 HTML 代码：

<p>第一个段落</p>
<p id="second">第二个段落</p>
<p>第三个段落</p>

那么，使用 JavaScript 获取第一个段落的下一个兄弟节点：

var first = document.getElementsByTagName("p")[0];
var next = first.nextSibling;

则，next 的值将为第二个段落的节点对象。

需要注意的是，nextSibling 属性会返回下一个节点，不管这个节点的类型是什么，可能是元素节点、文本节点或者其他类型的节点。

总结

nextSibling 属性可以用于获取某个节点的下一个兄弟节点。在进行操作时需要注意，有可能下一个兄弟节点为 null，使用时需做好相关的判断。