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";测试看看‹/›
HTML DOM参考:children属性
HTML DOM参考:previousElementSibling属性