nextElementSibling 是获取当前元素下一个相邻兄弟元素节点的只读属性，跳过文本、注释等非元素节点，IE9+支持；对应前一个用 previousElementSibling。

nextElementSibling 是 JavaScript 中用于获取当前元素**下一个相邻的兄弟元素节点**（即同级、紧邻、且是元素节点）的属性。

它和 nextSibling 的区别

nextSibling 会返回下一个兄弟节点，可能是元素节点、文本节点（比如换行、空格）、注释节点等；而 nextElementSibling 只返回下一个兄弟元素节点，跳过所有非元素节点。

• 如果下一个兄弟是
  、

  、 等标签，就返回它
• 如果下一个兄弟是换行符、空格或注释，就直接跳过，继续往后找第一个元素节点
• 如果后面没有兄弟元素节点，返回 null

基本用法示例

假设有如下 HTML：


java-api-doc-generator
分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。
下载
A





B



C

执行以下 JS：

const elA = document.getElementById('a');
console.log(elA.nextElementSibling); //
B
（跳过了注释和
）
console.log(elA.nextSibling); // 文本节点（换行符），不是元素

使用时要注意的点

• 只在有父节点且存在后续兄弟元素时才有效；若元素是最后一个子元素，返回 null
• 不支持 IE8 及更早版本（IE9+、现代浏览器均支持）
• 它返回的是只读属性**，不能赋值
• 如果想获取前一个兄弟元素，用 previousElementSibling