js节点操作获取第一个元素节点和最后一个节点firstChild,lastChild案例教程

firstChild返回第一个子节点 ,找不到则返回null。同样,也是包含所有的节点。
lastChild返回最后一个子节点,找不到则返回nul。同样,也是包含所有的节点。

案例代码：

1.     <ul>
   
2.         <li>自丢网</li>
   
3.         <li>我爱自丢网</li>
   
4.         <li>自丢教程网</li>
   
5.         <li>自丢网学习交流</li>
   
6.     </ul>
   
7.     <script>
   
8.         var ul = document.querySelector('ul');
   
9.         var first = ul.firstChild;
   
10.         var last = ul.lastChild;
    
11.         console.log(first);
    
12.         console.log(last);
    
13.     </script>

复制代码

这里要注意，这里是不管元素节点还是文本节点，获取第一个节点和最后一个元素节点。