lovecoding
/
vipAllDay


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="box1">1111</div>
    <p id="p1">222</p>
    <ul id="list">
      <li class="aaa">
        <p>aaa</p>
        <a href="">哈哈</a>
      </li>
      <li>ddd</li>
      <li>ccc</li>
      <li>bbb</li>
    </ul>
    <script>
      var box = document.getElementById("box1");
      var p1 = document.getElementById("p1");
      var uls = document.querySelector("#list");
      var lis = document.querySelectorAll("ul li");
      // console.log(box,p1,uls,lis);
      console.log(uls);
      console.log(lis[0].nextElementSibling);
      /**
       * 标签 nodeName 标签名称
       * 属性 nodeName 属性名称
       * nodeType 标签 1
       * nodeValue 节点值
       * firstChild 第一个子节点
       * firstElementChild 第一个子元素
       * lastChild 最后一个子节点
       * lastElementChild 最后一个子元素
       * previousElementSibling 上一个元素
       * previousSibling 上一个节点
       * nextElementSibling 下一个元素
       * nextSibling 下一个节点
       */
      function loop(elem) {
        // console.log(elem.length)
        // for(var i=0;i<elem.length;i++) {
        //     elem = elem[i].firstElementChild;
        //     console.log(elem,'循环')
        // }
        elem = elem.firstElementChild;
        if(elem.nodeType == 1) {
            console.log("当前传入的是标签")
        }
        return elem;
      }
      console.log(loop(uls),'22');
    </script>
  </body>
</html>