【JS】取一個節點下同類子節點的常用程式碼
阿新 • • 發佈：2022-01-15
取ul下的li個數，取table下的tr個數，可能都會用取一個節點下同類子節點這類程式碼，特寫在這裡以備查。
<!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <head> <title>取某節點下一類子節點示例</title> </head> <body onload="count();"> <ul id="myUl"> <li>鷹的眼睛</li> <li>豹的速度</li> <li>熊的力量</li> <li>人的智慧</li> </ul> </body> </html> <script type="text/javascript"> <!-- function count(){ var ul=document.getElementById("myUl"); // 如果直接取子節點數目，則會輸出9，這不是預期的li數量 var cnt=ul.childNodes.length; console.log(cnt); // 按tagname取li集合，那就對了 var lis=ul.getElementsByTagName('li'); console.log(lis.length); } //--> </script>
以上粗體部分為核心。
END