通过JavaScript制作table表格隔行变色 - 蓝蓝设计_UI设计公司

帝皇彩票官网

通过JavaScript制作table表格隔行变色

2020-3-20 释然 前端及开发文章及欣赏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>隔行变色</title>
</head>
<body>
<table id="mytable" align="center" width="80%" border="1">
<tr bgcolor="#cccccc">
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>bbb</td>
<td>bbb</td>
<td>bbb</td>
</tr>
<tr>
<td>ccc</td>
<td>ccc</td>
<td>ccc</td>
</tr>
</table>
<script type="text/javascript">
window.onload=function(){
//获取mytable中标签名为tr的字节点
mytable=document.getElementById("mytable");
trs=mytable.getElementsByTagName("tr");
len=trs.length;
flag=true;
for(i=0;i<len;i++){
if(flag){
//每隔一行设置背景色
var tr=document.getElementsByTagName("tr")[i].setAttribute("bgcolor","#cccccc");
flag=false;
}else{
flag=true;
}
}
}
</script>
</body>
</html>

标签: 通过JavaScript制作table表格隔行变色

Powered by sitemap
帝皇彩票官网 博发彩票APP下载 桔子彩票平台 桔子彩票网址 湖北快3走势 大象彩票登入 状元彩票官网 桔子彩票登陆 吉利彩票开户 大象彩票登入