99久久精品国产高清一区二区|91色综合|久久久久97国产|亚洲精品WWW久久久久久|99热这里只有成人精品国产|亚洲国产欧美目韩成人综合|国产一区二区三区精品视频|久久久久国产精品麻豆|亚洲综合精品香蕉久久网97|日韩一区国产二区欧美三区|中文字幕一区婷婷久久|亚洲精品中文字幕久久久久下载

通過JavaScript制作table表格隔行變色

2020-3-20    seo達(dá)人

<!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中標(biāo)簽名為tr的字節(jié)點(diǎn)

mytable=document.getElementById("mytable");

trs=mytable.getElementsByTagName("tr");

len=trs.length;

flag=true;

for(i=0;i<len;i++){

if(flag){

//每隔一行設(shè)置背景色

var tr=document.getElementsByTagName("tr")[i].setAttribute("bgcolor","#cccccc");

flag=false;

}else{

flag=true;

}

}

}

</script>

</body>

</html>


日歷

鏈接

個(gè)人資料

存檔