关于getElementsByTagName的遍历顺序

原文链接: https://www.mk2048.com/blog/blog.php?id=h0jajaj1abkj&title=%E5%85%B3%E4%BA%8EgetElementsByTagName%E7%9A%84%E9%81%8D%E5%8E%86%E9%A1%BA%E5%BA%8F

关于getElementsByTagName的遍历顺序是怎么样的呢?

getElementsByTagName的遍历顺序是从HTML的页面从上到下遍历还是按照标签的嵌套顺序层层遍历的呢?

来做个小小的测试?

看代码!

<body>
    <div>
        <div>
            <p>2</p>
            <div>
                <p>4</p>
                <div>
                    <p>6</p>
                </div>
                <p>5</p>
            </div>
            <p>3</p>
        </div>
        <p>1</p>
    </div>
    <p>0</p>
    <script type="text/javascript">
        var op = document.getElementsByTagName("p");
        op[0].style.backgroundColor="red";
    </script>
</body>

如果getElementsByTagName的遍历顺序是按照标签的嵌套来遍历的,那么上面的代码运行的结果应该是 0对应那一行背景颜色会变成红色,

真实情况如图:

<p>0</p>位于HTML页面的最下层,所以如果想改变 0 的背景颜色应

结果如下:

可见getElementsByTagName的遍历顺序是从上到下!

  


更多专业前端知识,请上 【猿2048】www.mk2048.com

猜你喜欢

转载自blog.csdn.net/whiteGay/article/details/102742103
今日推荐