|
蓝森林 http://www.lslnet.com 2006年8月25日 8:28
 [求教]怎样改变表格内的颜色！？？
各位大虾好！！！小弟今日在编写网页时想要实现如下的效果，但不知道怎么用JS实现，请各位大虾多多指教一下，先跪谢了！！！
[html]
<table id=tb1 border=1 width=500 height=60 align=center><tr><td> 表1 </td><td> 表2 </td></tr></table>
<table id=tb2 border=1 width=500 height=60 align=center><tr><td>改变上面表1的颜色</td><td>改变上面表2的颜色</td></tr></table>
[/html]
小弟想用JS来实现当点击“改变上面表1的颜色”时“表1”的背景变成蓝色，当点击“改变上面表2的颜色”时“表2”的背景变成红色，小弟就是不知道怎么用JS来调用相关对象，还请各位大虾多多指教一下，先跪谢了！！！
另外小弟还想问一下，如何用CSS实现表格以及表格的<TD>的内容居中，而不是每次都用align=center，跪谢！！！ |
<body>
<table border="1" width="56%" height="168">
<tr>
<td width="50%" height="16"></td>
<td width="50%" height="16" bgcolor="#FF00FF"> </td>
</tr>
<tr>
<td width="50%" height="140" bgcolor="#00FF00"> </td>
<td width="50%" height="140"></td>
</tr>
</table>
</body> |
| 楼上大虾的JS代码放在何处啊！？？ |
[html]
<table id=tb1 border=1 width=500 height=60 align=center><tr><td id="td1"> 表1 </td><td> 表2 </td></tr></table>
<table id=tb2 border=1 width=500 height=60 align=center><tr><td onclick=td1.style.backgroundColor="blue">改变上面表1的颜色</td><td>改变上面表2的颜色</td></tr></table>
[/html] |
楼上的，你没完成啊！
[html]
<table id=tb1 border=1 width=500 height=60 align=center><tr><td
id="td1"><center>表1</td><td id="td2"><center>表2</td></tr></table>
<table id=tb2 border=1 width=500 height=60 align=center><tr><td
onclick=td1.style.backgroundColor="blue"><center>改变上面表1的颜色</td><td
onclick=td2.style.backgroundColor="red"><center>改变上面表2的颜色
</td></tr></table>
[/html] |
非常感谢楼上两位大虾的帮助，小弟跪谢了，真是帮助太大了！！！
再次跪谢！！！ |
下面还有一个问题大虾们没有注意：
如何用CSS实现表格以及表格的<TD>的内容居中，而不是每次都用align=center！！！
请各位大虾多多指教，跪谢！！！ |
这个算不算啊？
[html]
<html>
<head>
<style>
table {text-align:center}
</style>
</head>
<body>
<table id=tb1 border=1 width=500 height=60 ><tr><td
id="td1">表1</td><td id="td2">表2</td></tr></table>
<table id=tb2 border=1 width=500 height=60><tr><td
onclick=td1.style.backgroundColor="blue">改变上面表1的颜色</td><td
onclick=td2.style.backgroundColor="red">改变上面表2的颜色
</td></tr></table>
</body>
</html>
[/html] |
marvellous在上个帖子中说
让楼主知道方法就可以了,有必要"完成"么?是不是楼主下次再需要这个效果的时候还让你来写啊 |
|
