一个例子 点击哪一行,该行背景色变化
<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>
<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>
<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>
<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>
<tr id=mytr>...</tr>document.all.mytr.style.background="red";