美文网首页
前端,标签获取元素和循环

前端,标签获取元素和循环

作者: 沦陷_99999 | 来源:发表于2018-12-06 10:30 被阅读0次

    window.onload = function () {
    var lis = document.getElementsByTagName('li');
    lis[0].style.backgroundColor = 'gold';
    lis[1].style.backgroundColor = 'gold';
    }

    document.getElementsByTagName();标签获取元素

    循环
    1.for循环
    window.onload = function () {
    var olist = document.getElementById('list01');
    var ali = olist.getElementsByTagName('li');

         for(var i=0;i<8;i++){
            if(i%2 == 0){
              ali[i].style.backgroundColor = 'gold';
            }
        }
        i++;
    }
    

    2.while循环
    var i=0;
    while (i<ali.length){
    if(i%2 == 0){
    ali[i].style.backgroundColor = 'gold';
    }
    }
    i++;
    };

    3.do while循环
    var i = 0;
    do {
    if (i % 2 == 0) {
    ali[i].style.backgroundColor = 'gold';
    }
    i++;
    } while (i < ali.length);
    }

    while和do while的区别:
    do while是大括号里无论如何都先执行一次,执行完再判断是否成立
    while是先判断是否成立,然后在执行大括号的内容

    相关文章

      网友评论

          本文标题:前端,标签获取元素和循环

          本文链接:https://www.haomeiwen.com/subject/oeuncqtx.html