动态改变table背景色的问题

[wangxj0600]

我想在一个表格里，当我点一个td的时候，td的背景色改变，别的td的背景色不变，当我点另一个td的时候，被点的td背景色改变，前面一个被点的td的背景色恢复为原来的背景色。

[潇洒]

以前的代码了, 绝对符合你的要求. ^_^

<table width="98%" border="0" align="center" style="cursor:hand;" onclick="event.cancelBubble=true;">
<tr>
<td width="60%">在当前页打开</td>
<td width="20%">pppp </td>
<td width="20%">lllklajflas</td>
</tr>
<tr>
<td width="60%">在新窗口打开</td>
<td width="20%">aaaaaaa</td>
<td width="20%">bbbbbbbb</td>
</tr>
<tr>
<td width="60%">jelafadfj</td>
<td width="20%">ccccccccc</td>
<td width="20%">dddddd</td>
</tr>
</table>
<HR>

<SCRIPT LANGUAGE="JavaScript">
<!--
//定义变量........................................................................//
var curr;
var ov="#DDEBFF",ou="",on="#CCFFCC";
var obj=document.all.tags("TR");

for(i=0;i<obj.length;i++){
with(obj[i]){
onmouseover=new Function('lightOver()');
onmouseout=new Function('lightOut()');
onclick=new Function('lightOn(this)');
}
}
function lightOn(ln)
{
if (curr!=null){
curr.bgColor=ou;
curr.onmouseover=function(){event.srcElement.parentElement.bgColor=ov}
curr.onmouseout=function(){event.srcElement.parentElement.bgColor=ou}
}
ln.bgColor=on
ln.onmouseover=function(){}
ln.onmouseout=function(){}
curr=ln
}

//function lightOver & lightOut...................................................//
function lightOver(){event.srcElement.parentElement.bgColor=ov;}
function lightOut(){event.srcElement.parentElement.bgColor=ou;}

//Cancel lightOn..................................................................//
function document.onclick(){
for(i=0; i<document.all.tags("TR").length; i++){document.all.tags("TR")[i].bgColor=ou;}
}

//-->
</SCRIPT>

[qiushuiwuhen]

<table width="98%" border="0" align="center" style="cursor:hand;">
<tr>
<td width="60%">在当前页打开</td>
<td width="20%">pppp </td>
<td width="20%">lllklajflas</td>
</tr>
<tr>
<td width="60%">在新窗口打开</td>
<td width="20%">aaaaaaa</td>
<td width="20%">bbbbbbbb</td>
</tr>
<tr>
<td width="60%">jelafadfj</td>
<td width="20%">ccccccccc</td>
<td width="20%">dddddd</td>
</tr>
</table>
<script>
var obj=null;

function document.onclick(){
var e=window.event.srcElement
if(e.tagName!="TD")return;
if(obj!=null)obj.runtimeStyle.backgroundColor=""
obj=e.parentElement;obj.runtimeStyle.backgroundColor="#CCFFCC";
}
</script>

[wangxj0600]

这样的话好象页面里所有的table都会变色。能不能只变指定的？

[wangxj0600]

能不能只改变td的颜色，不要把一个tr的颜色全部改变。

[wangxj0600]

我在上面有几个连接，下面的iframe显示结果，点了以后连接以后td好象不能变色。