作者starjou (周星星)
看板Web_Design
标题Re: [问题] 表格隔行背景色
时间Tue Apr 29 14:19:30 2008
※ 引述《adamp3 (Boston's 10th Man.)》之铭言:
: 请问除了用<td class = "even">text</td>以外
这边在 tr 指定背景色 CSS style 就行了,不用在 td 一格一格设吧?
: 有没有办法用javascript去跑
: 让表格每隔一行的颜色会不同
: 如下
: col col2
: row1 text text
: row2 text text
: row3 text text
: row4 text text
: 请高手解答!
: 最近弄表格弄到快疯了 囧
不知道你对 javascript DOM 了解到哪边?
逻辑大致如下:
设好 even row, odd row 的 CSS class,
找出该 table 底下的 tr 子元素阵列,
然後跑 for 回圈指定每一 tr 的 CSS class,for 回圈通常会有个 var i,
用 i%2 == 0 来判定要用什麽 class。
不过为什麽要用 javascript 做?如果你的 data 静态的,
那在 html 里一行一行打就行了。
如果是动态的,那在 server side 的 script 设动态产生 tr 的时候指定 class
如果是静态,但是很多行,常常会增增减减的话,只好用 javascript 来省事,
那就是要会 javascript 了。或是看有没有好人板友直接给 code 了。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 219.81.206.137
1F:推 adamp3:XD 我打错了 应该是<tr> 感谢指正! 04/29 17:49