Node.prototype.nextSibling

就像老师点名一样: "李雷后面的韩梅梅起来回答下问题". 

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
</head> 
<body> 
    <div id="id1">李雷</div><div id="id2">韩梅梅</div> 
    <script> 
        document.getElementById('id1').nextSibling === document.getElementById('id2'); // true 
        document.getElementById('id1').nextSibling.firstChild.nodeValue; // 韩梅梅 
    </script> 
</body> 
</html>

如果当前节点的后面没有同级节点, 那 .nextSibling 返回 null.

注意, 如果这里的两个div没有在一行, 那.nextSibling 得到的将是一个换行符, 因为 .nextSibling 不仅对元素节点有效, 还对注释节点 / 文本节点有效.

 

发布评论
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样获取当前节点的顶层文档节点讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。