快啊

xieshuangshuang 2008-11-02 07:15:44

HTML中如何实现一个表的1，2，3行是红色，4，5，6行是绿色，7，8，9是红色，依次循环下去，不知道这个表有几行，怎么做啊，高手出招儿啊

...全文

122 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

xieshuangshuang 2008-11-15

打赏
举报

感觉'bhbhxy'说的有道理哎,谢谢啦,我会试试看的,也谢谢各位!!!!

kindwell 2008-11-11

打赏
举报

如果是你自己写程序的话，就可以用取余法判断当前行是奇数行还是偶数行，从而给奇偶行赋不同的颜色。
现在的问题是是否是你自己来写这个判断行的代码？还是你只能使用别人传过来的静态table?

bhbhxy 2008-11-11

打赏
举报

var rows=document.getElementById('tableid').getElementsByTagName('td');//取出表格内所有td的个数
for(var i=0;i<rows.length;i++)//遍历
{
//里面写你想实现的方法
}

xieshuangshuang 2008-11-11

打赏
举报

是在不知道TABLE有多少TR的情况下啊

Cyril_Tam 2008-11-11

打赏
举报

在不知道有多少行的情况, 要求每三行使用不同颜色, 这个要用算法来写, 值得思考.

思考中~~~~~

kindwell 2008-11-02

打赏
举报

如果是你自己写程序进行表格处理，那就应该能够自己控制每一行所调用的class阿，比如如下代码：



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

 <head>

  <title> New Document </title>

  <meta name="Generator" content="EditPlus">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

 </head>



<style>

tr.b1 {

	background-color: red;

}



tr.b2 {

	background-color: lightgreen;

}

</style>



<body>

<table>

<tr class="b1">

	<td>1</td>

</tr>

<tr class="b1">

	<td>2</td>

</tr>

<tr class="b1">

	<td>3</td>

</tr>

<tr class="b2">

	<td>4</td>

</tr>

<tr class="b2">

	<td>5</td>

</tr>

<tr class="b2">

	<td>6</td>

</tr>

<tr class="b1">

	<td>7</td>

</tr>

<tr class="b1">

	<td>8</td>

</tr>

<tr class="b1">

	<td>9</td>

</tr>

</table>

</body>

</html>