js nextsibling

作者：屰兲洏垳＆发布日期:2026-02-06 浏览:54

// 获取下一个兄弟节点的示例代码

// HTML 结构
/*
<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>
*/

// JavaScript 代码
var div1 = document.getElementById("div1");
var nextSibling = div1.nextSibling;

// 解释说明：
// nextSibling 属性返回指定节点的下一个兄弟节点。如果该节点没有下一个兄弟节点，则返回 null。
// 在上面的例子中，nextSibling 将会指向一个文本节点（因为浏览器会在标签之间插入文本节点，表示换行和空格）。

// 如果我们只想获取下一个元素节点（即不包括文本节点或注释节点），可以使用 nextElementSibling 属性
var nextElementSibling = div1.nextElementSibling;

console.log(nextSibling);        // 可能是一个文本节点
console.log(nextElementSibling); // Div 2

上一篇：js findindex()

下一篇：js toprecision