JavaScript实现点击单元格改变背景色的方法
本文实例讲述了JavaScript实现点击单元格改变背景色的方法。分享给大家供大家参考，具体如下：
<html>
<body>
<tableonclick="SetColor(event)"id="_t"width="500"border="0"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="93"height="29"background="hotlinkbg.gif"align="center">出租信息</td>
<tdwidth="93"height="29"background="hotlinkbg.gif"align="center">求租信息</td>
<tdwidth="314"height="29"background="hotlinkbg.gif"></td>
</tr>
</table>
<tablewidth="500">
<tr>
<td>aaaaa</td>
<td>bbbbb</td>
<td>ccccc</td>
<td>ddddd</td>
</tr>
</table>
<scripttyle="text/javascript">
varoldClr=newArray()
functionSetColor(e)
{
if(!e)e=window.event;
varobj
if(window.event)
obj=e.srcElement
else
obj=e.target
if(obj.tagName!="TD")return
varoldTD=obj
while(obj.tagName!="TR")
obj=obj.parentNode
vari
for(i=0;i<obj.cells.length;i++)
{
if(obj.cells[i]==oldTD)break
}
vartable=document.getElementById("_t")
for(j=0;j<table.rows.length;j++)
{
//如果要删除其它列的颜色，请加上下面的3行
for(m=0;m<table.rows[j].cells.length;m++)
{
table.rows[j].cells[m].background=oldClr[m]
}
//table.rows[j].cells[i].bgColor=table.rows[j].cells[i].background="button1_on.gif"
table.rows[j].cells[i].background=table.rows[j].cells[i].background==oldClr[i]?"button1_on.gif":oldClr[i]
}
}
window.onload=function()
{
vartable=document.getElementById("_t")
for(j=0;j<table.rows[0].cells.length;j++)
{
oldClr[j]=table.rows[0].cells[j].background
}
}
</script>
</body>
</html>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript动画特效与技巧汇总》、《JavaScript运动效果与技巧汇总》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。