getElementsByTagName()学习笔记 

 1 <body>
 2   <ul>
 3     <li>老王1</li>
 4     <li>老王2</li>
 5     <li>老王3</li>
 6     <li>老王4</li>
 7     <li>老王5</li>
 8   </ul>
 9   <ul id="nav">
10     <li>老王11</li>
11     <li>老王22</li>
12     <li>老王33</li>
13     <li>老王44</li>
14     <li>老王55</li>
15   </ul>
16   <script>
17     // 1. 通过getElementsByTagName获取全部的li元素
18     var lis = document.getElementsByTagName('li');
19     console.log(lis); // 打印全部的li元素
20     console.log(lis[0]); // 打印指定的li元素
21     // 2. 如果html页面中有很多li元素，想要获取指定的某一些li元素
22     var nav = document.getElementById('nav'); // 获取第2个ul
23     var navLis = nav.getElementsByTagName('li'); // 获取第2个ul中的所有的li元素
24     console.log(navLis); // 打印第2个ul中的li元素
25   </script>
26 </body>

 

posted @ 2021-10-08 22:10  馒头和大豆  阅读(137)  评论(0)    收藏  举报