HTML DOM 元素 nextElementSibling

返回下一个兄弟的 HTML 内容：

let text = element.nextElementSibling.innerHTML;

描述

这个nextElementSibling属性返回同一树级别中的下一个元素。

这个nextElementSibling属性是只读的。

在 HTML DOM 术语中：

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

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

元素只是元素节点。

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

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

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

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

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

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

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

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

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

element.nextElementSibling

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

element.nextElementSibling是 DOM Level 3 (2004) 功能。

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


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