HTML DOM nextElementSibling 屬性

nextElementSibling屬性只返回元素節(jié)點之后緊跟的兄弟元素節(jié)點（不包括文本節(jié)點、注釋節(jié)點）；

如果沒有下一個元素同級，則此屬性返回null。

使用previousElementSibling屬性返回指定元素的上一個元素。

使用children屬性返回指定元素的任何子元素。

語法：

element.nextElementSibling

示例

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

表中的數(shù)字指定了完全支持nextElementSibling屬性的第一個瀏覽器版本：

屬性
nextElementSibling	2	3.5	10	4	9

返回值：	一個Node對象，表示元素的下一個同級；如果沒有下一個同級，則為null
DOM版本：	DOM級別3

更改第一個DIV元素的下一個同級的HTML內(nèi)容：

示例

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

更改第一個DIV元素的下一個兄弟元素的背景色：

示例

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