zoukankan      html  css  js  c++  java
  • 兄弟节点

    <!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>
    别废话,拿你代码给我看。
  • 相关阅读:
    第十二周工作总结
    第八周工作总结
    冲刺2
    冲刺1
    用户场景分析
    用户场景分析
    水王在哪
    课堂练习-4个数的和
    《大道至简》第一章读后感
    ELF Format 笔记(三)—— Section Types
  • 原文地址:https://www.cnblogs.com/lvxueyang/p/13707414.html
Copyright © 2011-2022 走看看