js 改变td 背景颜色 当鼠标移走时如何恢复

Question

js 改变td 背景颜色  当鼠标移走时如何恢复

Answer 1

<script>
var cur;
function doit(){
   var obj = event.srcElement;
   cur = obj.style.backgroundColor;
   obj.style.backgroundColor = "#EEE";
}
function hide(){
   var obj = event.srcElement;
   obj.style.backgroundColor = cur;
}
window.onload=function(){
    var tbl = document.getElementById("tb");
    var a = tb.getElementsByTagName("td");
    for(var i=0;i<a.length;i++){
       a[i].onmouseover=doit;
       a[i].onmouseout=hide;
    }
}
</script>
<table id="tb">
    <tr>
        <td>11</td><td>12</td>
    </tr>
    <tr>
        <td>21</td><td>22</td>
    </tr>
</table>

Answer 2

谢谢二楼啊!!　当鼠标移走的时候.  background-color= "" 也可以的