淄博阎囤工贸有限公司

通過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è)人資料

存檔

奈曼旗| 徐州市| 木兰县| 都安| 新干县| 普陀区| 巩义市| 定日县| 渭源县| 平塘县| 玛曲县| 敦化市| 青浦区| 吐鲁番市| 鹤峰县| 泰和县| 淮滨县| 汝南县| 兴城市| 安化县| 衡阳市| 肥乡县| 高青县| 屯留县| 旌德县| 日喀则市| 仪征市| 晋城| 崇信县| 涿州市| 小金县| 城口县| 南陵县| 湘阴县| 延津县| 云梦县| 宜春市| 芮城县| 呼玛县| 雷波县| 连平县|