getElementsByTagName獲取某類標籤元素
阿新 • • 發佈:2022-04-18
<body> <ul> <li>知否知否0</li> <li>知否知否1</li> <li>知否知否2</li> <li>知否知否3</li> <li>知否知否4</li> <li>知否知否5</li> </ul> <ol id="ol1"> <li>張三1</li> <li>李四2</li> <li>王五3</li> </ol> </body> <script> // 返回的是 獲取過來元素物件的集合 以偽陣列的惡刑事儲存的 var lis = document.getElementsByTagName("li"); console.log(lis); console.log(lis[0]); // 2.我們想要依次列印裡面的元素物件我們可以採取遍歷的方式 for (var i = 0; i < lis.length; i++) { console.log(lis[i]); } // 3.如果頁面只有一個li 返回的還是偽陣列的形式 // 4.如果頁面中沒有這個元素返回的空的偽陣列的形式 //5.element.ElementsByTagName('標籤名') var ol = document.getElementsByTagName("ol"); // 獲取ol裡面的li console.log(ol1.getElementsByTagName("li")); </script>