其他分享
首页 > 其他分享> > 第二部分1.3遍历dom

第二部分1.3遍历dom

作者:互联网

最后一个任务有意思。

  书上看来以为自己会了是假的,做题实践用出来才是正途。

        first last 快捷方式,要是批量处理还是用下表法通用。
        体会到循环的诞生原因,就是因为重复的东西需要写好多遍。
        不知道为啥,firefox会自动在html文档中的table下添加tbody,如果你没写的话。

/*
    document.body.firstElementChild.firstElementChild.firstElementChild.firstElementChild.style.backgroundColor = "red";
    document.body.firstElementChild.firstElementChild.children[1].children[1].style.background = "red";
    document.body.firstElementChild.firstElementChild.children[2].children[2].style.background = "red";
    document.body.firstElementChild.firstElementChild.children[3].children[3].style.background = "red";
    document.body.firstElementChild.firstElementChild.children[4].children[4].style.background = "red";
    */
    
    /*
        first last 快捷方式,要是批量处理还是用下表法通用。
        体会到循环的诞生原因,就是因为重复的东西需要写好多遍。
        不知道为啥,firefox会自动在html文档中的table下添加tbody,如果你没写的话。
    */
    /*
    //while循环版本
    let i = 0;
    while (i < 5) {
        document.body.children[0].children[0].children[i].children[i].style.background = "red";
        i++;
    }
    */
    
    //for循环版本
    for (let i = 0; i < 5; i++) {
        document.body.children[0].children[0].children[i].children[i].style.background = "red";    
    }

标签:body,style,遍历,1.3,dom,firstElementChild,document,children,red
来源: https://www.cnblogs.com/JuniorProgramer/p/14897419.html