其他分享
首页 > 其他分享> > 【JS】取一个节点下同类子节点的常用代码

【JS】取一个节点下同类子节点的常用代码

作者：互联网

取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 onl oad="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

标签：cnt,li,ul,length,同类,var,JS,节点
来源： https://www.cnblogs.com/pyhy/p/15806698.html