HTML DOM nextElementSibling 屬性

HTML DOM Element 對(duì)象

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

如果沒(méi)有下一個(gè)元素同級(jí)，則此屬性返回null。

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

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

語(yǔ)法：

element.nextElementSibling

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

瀏覽器兼容性

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

屬性
nextElementSibling	2	3.5	10	4	9

技術(shù)細(xì)節(jié)

更多實(shí)例

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

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

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

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

相關(guān)參考

HTML DOM參考：children屬性

HTML DOM參考：previousElementSibling屬性

HTML DOM Element 對(duì)象