网页中列表行的颜色变化

<script type="text/javascript">
window.onload = function cc() {
var tr=document.getElementsByTagName("tr");
for(var i=0;i<tr.length;i++){
tr[i].style.background= (i+1)%2==0 ? "#FFFFFF":"#A2DCD8";
}
}
</script>

解析如下:

1.window.onload   页面加载时

   按照代码的意思:就是页面加载时调用cc方法

2.document.ElementByTagName

   传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

   可以用于HTML的所有标签

   方法返回所有元素的列表结合

3.for循环遍历  每一行的输出格式

  另一种增强for的格式

  for(var tr1 in tr){
  tr[tr1].style.background=tr[tr1]%2==0 ? "#FFFFFF":"#A2DCD8";
  }

这种格式与上面一张格式的效果是一样的t,可以对颜色,格式做调试

原文地址:https://www.cnblogs.com/chengxuy/p/5976783.html