节点操作案例4-兄弟节点
Posted jiumen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了节点操作案例4-兄弟节点相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <div>这是一个区域1</div> <div>这是一个区域2</div> <div id="c3">这是一个区域3</div> <div>这是一个区域4</div> <div>这是一个区域5</div> </div> <script> var c3 = document.getElementById(‘c3‘); // nextSibling 下一个兄弟节点 // nextElementSibling 下一个兄弟元素 // // previousSibling 上一个兄弟节点 // previousElementSibling 上一个兄弟元素 // console.log(c3.nextSibling); // console.log(c3.previousSibling); // // console.log(c3.nextElementSibling); // console.log(c3.previousElementSibling); console.log(getNextElementSibling(c3)); // 获取下一个兄弟元素 function getNextElementSibling(element) var el = element; while (el = el.nextSibling) if (el.nodeType === 1) return el; return null; </script> </body> </html>
以上是关于节点操作案例4-兄弟节点的主要内容,如果未能解决你的问题,请参考以下文章
jquery如何获取某一个兄弟节点,不是全部的,是指定的兄弟节点