Question

js点击事件

页面上有一个table点击table单元格是改变table单元格的样式。当点击页面其他位置是还原table中单元格的样式。如何实现？？？

Answer 1

遍历一次body下的所有元素。给各元素添加click处理函数或者mousedown处理函数。
var tgs=document.getElementsByTagName("*");

for(var i =0;i<tgs.length;i++){
var t=tgs[i];
t.onMouseDown=function(e){
var that=this;
if(this.tagName && (this.tagName==='table'||-----)){//这里判断有点粗糙，你还需要判断是否是tr或td
//该table的id或者比较别的也行，只要能判断是你需要的那个table
//改变table的样式
}else{//不是你指定的table
//恢复table的样式
}
}
}

Answer 2

给table 的单元格定义2种样式
比如：
.tb1{border:1px solid red}
.tb2{border:2px solid green}
然后，在js中控制
document.getElementById("tdID").className="tb1";
或document.getElementById("tdID").className="tb2";

Answer 3

<table width="584" height="273" border="1" id="TableA">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script>
window.onload=function(){
var obj=document.getElementById("TableA").getElementsByTagName("td");
if(!obj){return false}
for(var i=0;i<obj.length;i++){
obj[i].onfocus=function(){this.style.background="#ff0000"}
obj[i].onblur=function(){this.style.background="";}
}
}
</script>