HTML DOM nextElementSibling 属性

nextElementSibling该属性仅返回元素节点之后紧跟的兄弟元素节点（不包括文本节点、注释节点）；

如果没有下一个同级元素，则此属性返回null。

使用previousElementSibling该属性返回指定元素的前一个元素。

使用children该属性返回指定元素的所有子元素。

语法：

element.nextElementSibling

Beispiel

var x = document.querySelector("#div-1.nextElementSibling.innerHTML;

表中的数字指定了完全支持nextElementSibling属性的第一个浏览器版本：

Eigenschaft
nextElementSibling	2	3.5	10	4	9

Rückgabewert:	Ein Node-Objekt, das den nächsten Bruder des Elements darstellt; wenn es kein nächstes Bruderobjekt gibt, dannnull
DOM-Version:	DOM-Stufe3

Ändern Sie den HTML-Inhalt des nächsten Bruderkindes des ersten DIV-Elements:

Beispiel

var div = document.querySelector("#div-1)
div.nextElementSibling.innerHTML = "HELLO WORLD";

Ändern Sie die Hintergrundfarbe des nächsten Bruderkindes des ersten DIV-Elements:

Beispiel

var div = document.querySelector("#div-1)
div.nextElementSibling.style.backgroundColor = "coral";