JS实现隔行换色
一、步骤分析
1、设计好表格页面
2、通过获取标签的方式如:
var arr= document.getElementsByTagName("tr"); //返回数组
3、通过循环的方式遍历数组:
a、当为奇数时为一颜色
b、当为偶数时为一颜色
二、代码练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>隔行换色</title>
<script>
function chanclo(){
//获取标签
var arr= document.getElementsByTagName("tr");
//for循环实现换色
for(i=1;i<arr.length;i++){
//如果行数为偶数,背景颜色变为红色
if(i%2==0){
arr[i].style.backgroundColor="red";
}
//如果行数为奇数,背景颜色变为金色
else{
arr[i].style.backgroundColor="gold";
}
}
}
</script>
</head>