节点操作之第一个子元素和最后一个子元素

 

 

 

 

 

 

 

 

 

  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>
  </body>
  <script>
    let ul = document.querySelector("ul");
    // 2.children 实际开发的写法  既没有兼容性问题又返回第一个子元素
    console.log(ul.children[0]); //获取第一个子元素节点
    console.log(ul.children[ul.children.length - 1]); //获取最后一个元素节点
  </script>

 

posted @ 2022-04-18 11:20  罗砂  阅读(43)  评论(0)    收藏  举报