元素: nextElementSibling 属性

Element.nextElementSibling 只读属性返回在指定元素的父元素子元素列表中紧随其后的元素,如果指定元素是列表中的最后一个元素,则返回 null

价值

一个 Element 对象,或 null

示例

html
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>

<script>
  let el = document.getElementById("div-01").nextElementSibling;
  console.log("Siblings of div-01:");
  while (el) {
    console.log(el.nodeName);
    el = el.nextElementSibling;
  }
</script>

此示例在加载时将以下内容输出到控制台

Siblings of div-01:
DIV
SCRIPT

规范

规范
DOM 标准
# ref-for-dom-nondocumenttypechildnode-nextelementsibling②

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅