zoukankan      html  css  js  c++  java
  • 关于getElementsByTagName的遍历顺序

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

      

  • 相关阅读:
    学校的SQLServer的笔记
    Javaの集合学习
    XML的学习
    Java中学校没学过的东西
    MySQL的学习
    牛顿法及其收敛性
    c++编码规范
    C++标准库
    MATLAB编程技巧
    Matlab学习记录(函数)
  • 原文地址:https://www.cnblogs.com/lshdashi/p/9536662.html
Copyright © 2011-2022 走看看