飞网论坛»飞网论坛 › 资源分享 › 笔试面试 › 178、用table显示n条记录，每3行换一次颜色...... ...

发新帖

查看: 2494|回复: 0

上一主题

下一主题

收起左侧

[算法与编程] 178、用table显示n条记录，每3行换一次颜色......

566 主题	713 帖子	3827 积分

Rank: 9 Rank: 9 Rank: 9

积分: 3827

楼主的其他好帖:

更多楼主的好帖...

楼主

电梯直达

跳转到指定楼层

发表于 2016-9-7 23:26:20 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

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

<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>

收藏0 转播分享 淘帖0

回复

使用道具举报

发新帖

打开微信扫一扫