JavaScript获取一个元素的下一个元素|Element nextElementSibling 属性

元素对象参考手册


定义与用法

nextElementSibling 属性返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元素节点)。

nextSibling 属性与 nextElementSibling 属性的差别:

  • nextSibling 属性返回元素节点之后的兄弟节点(包括文本节点、注释节点);
  • nextElementSibling 属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);

nextElementSibling属性为只读属性。

提示:


语法格式

node.nextElementSibling


示例代码

返回下一个列表选项的 HTML 内容:

var x = document.getElementById("item1").nextElementSibling.innerHTML;

亲自试试


浏览器支持

属性Google ChromeInternet ExplorerFirefoxSafariOpera
nextElementSibling2.09.03.54.010.0

技术细节

返回值:Node 对象,表示元素的下一个兄弟元素,如果没有下一个兄弟元素则返回 null。
DOM 版本DOM 3

元素对象参考手册


相关