<table>
<tr>
<td>第1格</td>
<td>第1格</td>
<td>第2格</td>
</tr>
</table>
这段代码是一点都不能动了? 我做了段js代码,适合你的例子,也只有这种方法了!
<script type="text/javascript">
var firstname=document.getElementsByTagName("td")
firstname[0].style.backgroundColor="red"
firstname[1].style.backgroundColor="blue"
firstname[2].style.backgroundColor="yellow"
</script>
不过这段代码必须加在<table>...</table>后,不能加在<head>内,因为代码有作用必须在页面元素加载完毕后再执行才行,并且在实际中并适合用于大的网页,比如你的页面表格很多,td元素数组长度就很大,遍历时数组下脚值就是个大问题,还是你建议多辅助些css.
设置每个table的样式，比如class=tab1，class=tab2，然后在样式表设置
.tab1 td{这里为tab1的样式}
.tab2 td{这里为tab2的样式}
而不用一个个去设置td class="xx"了 毕竟比较麻烦。
如下代码：
<table >
<td class="style1" >内容</td >
</table >
<table >
<td class="style2" >内容</td >
</table >
在CSS中定义:
.style1 {
}
.style2 (
}
或者是给TD加上class，相同样式用的相同Class，不同样式用的不同Class
