Sejinda 2022-04-02 15:58 采纳率: 90%
浏览 88
已结题

JS中通过getElementsByTagName和getElementsByClassName不能够获取到子节点,这是为什么啊

问题遇到的现象和发生背景
  1. JS中通过getElementsByTagName和getElementsByClassName不能够获取到子节点,这是为什么啊
问题相关代码,请勿粘贴截图

2、

<body>
    <ul id="father">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

    <ul class="father2">
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
    <script>
       
        //获取父节点
        let ul = document.getElementsByTagName('ul');

        //获取所有子节点
        // let son = document.body.childNodes;

        let son = ul.childNodes;
        console.log(son);//undifined
        console.log(son.length);


        //------------------------------------------
        let ul2 = document.getElementsByClassName('father2');
        console.log(ul2.childNodes.length);
      //控制台报错
      //Uncaught TypeError: Cannot read properties of undefined (reading 'length')
        console.log(ul2.childNodes);
    </script>

我的解答思路和尝试过的方法

3、而当我通过getElementById的方式就可以得到

        //获取父节点
        let ul = document.getElementById('father');

        //获取所有子节点
        // let son = document.body.childNodes;

        let son = ul.childNodes;
        console.log(son);
        console.log(son.length);

  • 写回答

2条回答 默认 最新

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 4月10日
      • 已采纳回答 4月2日
      • 创建了问题 4月2日

      悬赏问题

      • ¥20 【matlab】运输问题优化问题。
      • ¥15 arduino连接WiFi8266
      • ¥15 nodejs express 和 axios 前后端对接,数据体类型
      • ¥15 fluent计算后处理中如何把质量分数和摩尔分数转化为体积分数
      • ¥20 asn1c编码问题,懂asn1的人很简单
      • ¥15 使用vs2019开发的动态链路库在win7环境下使用有问题
      • ¥15 MFC滚动条如何正确使用
      • ¥15 缓冲区算法求面积,基于文献
      • ¥50 电路PCB原理图设计AD19
      • ¥15 openstack 云平台搭建 创建实例错误