【JS】取某节点下同类子节点的代码

代码：

<!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>

以上粗体部分为核心代码。

2022年1月15日

END