美文网首页
标签获取元素

标签获取元素

作者: bda1a329d33d | 来源:发表于2018-12-03 22:08 被阅读0次

    1.标签获取元素

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

    2.循环

    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);
    }
    

    相关文章

      网友评论

          本文标题:标签获取元素

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