var children = root.getElementsByName('div'); 为什么有问题？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width:50px;
            height:50px;
            border:1px solid #000000;
        }
    </style>
</head>
<body>
    <div class="one">
        1
        <div class="two" style="margin-left: 50px;">
            2
            <div class="three"  style="margin-left: 50px;">
                3
                <div class="four"  style="margin-left: 50px;">4</div>
            </div>

        </div>
        <div class="one">1</div>
    </div>
</body>
<script>
    var one=document.getElementsByClassName("one")[0];
    var i;
    function visit(node){
        i +=400;
        node.style.backgroundColor="#fff";
        setTimeout(function(){
            node.style.backgroundColor="#0f0";
        },i)
    }

    function qx(root){
        if (root) {  //如果根元素村子
 visit(root);  //执行动画

 var children = root.getElementsByName('div'); 
 for (var i = 0; i < children.length; i++) {  //循环
                //只选择子一层div
 if(children[i].parentNode == root) {   //将子元素等于根元素
 qx(children[i]);  //那么就进行添加
 }
            }
        }
    }

    qx(one)
</script>
</html>

19990000

浏览 1120回答 1

var children = root.getElementsByName('div'); 为什么有问题 ？

1回答

var children = root.getElementsByName('div'); 为什么有问题？