【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

复制代码
posted @   逆火狂飙  阅读(74)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
历史上的今天:
2020-01-15 没事也来配一个logback
2020-01-15 英语中关于“小心”的词
2020-01-15 【高中数学/指数函数】比大小:根号e*ln2 VS 1
生当作人杰 死亦为鬼雄 至今思项羽 不肯过江东
点击右上角即可分享
微信分享提示