HTML DOM nextElementSibling 属性

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

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

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

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

语法：

element.nextElementSibling

例

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

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

属性
nextElementSibling	2	3.5	10	4	9

返り値：	要素の次の同級を表すNodeオブジェクト；次の同級がない場合はnull
DOMバージョン：	DOMレベル3

最初のDIV要素の次の同級のHTML内容を変更します：

例

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

最初のDIV要素の次の兄弟要素の背景色を変更します：

例

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