换行更换颜色

最新推荐文章于 2022-10-05 22:27:37 发布

我的哥哥呦

最新推荐文章于 2022-10-05 22:27:37 发布

阅读量303

点赞数

分类专栏： webapi 文章标签：换行换颜色

本文链接：https://blog.csdn.net/qq_20497071/article/details/98344690

版权

webapi 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>$永远的24k纯帅$</title>

</head>
<body>
<input type="button" value="隔行变色" id="btn"/>
<ul id="uu">
  <li>红旗</li>
  <li>五菱宏光</li>
  <li>奔驰</li>
  <li>兰博基尼</li>
  <li>哈弗</li>
  <li>奥拓</li>
  <li>奥迪</li>
  <li>悍马</li>
</ul>


<script src="common.js"></script>
<script>

  //奇红偶黄
  //点击按钮
  //  my$("btn").onclick=function () {
  //      //获取所有的li标签
  //    var list=my$("uu").getElementsByTagName("li");
  //    for(var i=0;i<list.length;i++){
  //      if(i%2==0){
  //        //偶数
  //        list[i].style.backgroundColor="red";
  //      }else{
  //        //奇数
  //        list[i].style.backgroundColor="yellow";
  //      }
  //    }
  //  };


  my$("btn").onclick = function () {
    //获取所有的li标签
    var list = my$("uu").getElementsByTagName("li");
    for (var i = 0; i < list.length; i++) {
      list[i].style.backgroundColor = i % 2 == 0 ? "red" : "yellow";
    }
  };

</script>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我的哥哥呦

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
换行更换颜色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$永远的24k纯帅$</title></head><body><input type="button" value="隔行变色" id="b...
复制链接

扫一扫