DOM&BOM中,增强型for循环输出的怎么和for结果不一样?

DOM&BOM中,增强型for循环输出的怎么和for结果不一样?

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <p>执子之手,将子拖走</p>

    <p>一觉醒来,天都黑了</p>


    <script>

        var pDoms=document.getElementsByTagName('p');

        for(var i=0;i<pDoms.length;i++){

            console.dir(pDoms[i]);

        }

        for(var i in pDoms){

            console.dir(i);

        }     

    </script>

</body>

</html>

https://img1.sycdn.imooc.com//climg/6178e80c092861c309510407.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,增强for循环中获得的是下标,如下所示:

https://img1.sycdn.imooc.com//climg/6179040309eece5808100647.jpg

而for循环是根据获取的元素数量(length)进行循环的,所以只输出了两次并输出了获取的元素标签。

祝学习愉快!

  • 童真模式启动 提问者 #1
    意思是增强for没用,即不能通过增强for修改样式等吗?


    2021-10-28 13:22:31
  • 同学你好,是的,同学理解是正确的。

    祝学习愉快!

    2021-10-28 14:33:16
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师