淄博阎囤工贸有限公司

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

存檔

金秀| 南丰县| 定兴县| 齐河县| 和龙市| 辛集市| 太康县| 绥阳县| 卫辉市| 房山区| 屏山县| 望江县| 湟源县| 迁西县| 阆中市| 芜湖县| 桂平市| 孟连| 龙海市| 合川市| 昌都县| 黄龙县| 台南市| 大埔区| 库伦旗| 浦江县| 白山市| 林口县| 抚顺县| 望江县| 体育| 贵州省| 周口市| 兴安盟| 施秉县| 剑阁县| 吴江市| 察哈| 离岛区| 凤山市| 穆棱市|