Question

用JavaScript循环输出逐行变色效果，如图。求大神指导。

Answer 1

如果每个颜色行对应一个tr，紫色和蓝色对应的css class分别是 purple 和blue，

js程序思路：

1. 使用getElementsByTagName选取所有的tr。

2. for循环遍历tr，对每个tr判断它的下标（从0开始），

   如果是偶数，tr[下标].classname = purple; 否则tr[下标].classname =blue;
   

参考：

• http://www.w3school.com.cn/jsref/met_doc_getelementsbytagname.asp

• http://www.w3school.com.cn/jsref/prop_classname.asp

追问

三种颜色

追答

三种就设三个CSS class，然后遍历tr时判断，下标模3的余数等于几，classname就赋值相应的颜色

Answer 2

<script type="text/javascript">
var lis = document.getElementsByTagName("li");
for (i=0;i<lis.length;i++) {
if (i%3==2) {
lis[i].style.backgroundColor = "blue";
}
if (i%3==1){
lis[i].style.backgroundColor = "red";
}
if (i%3==0){
lis[i].style.backgroundColor = "yellow";
}
}
</script>