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程序设计有所帮助。