飞网论坛

标题: 178、用table显示n条记录，每3行换一次颜色...... [打印本页]

作者: johnny 时间: 2016-9-7 23:26
标题: 178、用table显示n条记录，每3行换一次颜色......

178、用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。

[code=html]<body>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
</body>
<script type="text/javascript">
window.onload=function()
{
var tbl = document.getElementById("tbl");
rows = tbl.getElementsByTagName("tr");
for(i=0;i<rows.length;i++)
{
var j = parseInt(i/3);
if(j%2==0) rows.style.backgroundColor="#f00";
else rows.style.backgroundColor="#0f0";
}
}
</script>[/code]

欢迎光临飞网论坛 (https://bbs.cfei.net/)