关于getElementsByTagName的遍历顺序

最新推荐文章于 2024-05-30 11:27:58 发布

weixin_34202952

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量700

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lshdashi/p/9536662.html

版权

关于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的遍历顺序是从上到下！

转载于:https://www.cnblogs.com/lshdashi/p/9536662.html

weixin_34202952

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于getElementsByTagName的遍历顺序

关于getElementsByTagName的遍历顺序是怎么样的呢？getElementsByTagName的遍历顺序是从HTML的页面从上到下遍历还是按照标签的嵌套顺序层层遍历的呢？来做个小小的测试？看代码！<body> <div> <div> <p>2</p>...
复制链接

扫一扫