淄博阎囤工贸有限公司

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

存檔

高密市| 锦州市| 独山县| 香河县| 辽宁省| 大名县| 灌阳县| 霍林郭勒市| 丹东市| 德庆县| 广东省| 衢州市| 教育| 广德县| 岚皋县| 栖霞市| 桃园市| 乡宁县| 枞阳县| 城口县| 哈密市| 金湖县| 贵港市| 武定县| 平遥县| 定兴县| 新巴尔虎右旗| 都兰县| 剑河县| 云梦县| 固镇县| 定兴县| 白朗县| 桑植县| 阜城县| 青川县| 双鸭山市| 陇川县| 赤水市| 鹿泉市| 嘉善县|