请教：表格中输入框失去焦点，使表格的底色改变？？？

Question

<table width="250" height="50" border="1">
<tr><td align="center">
<input onblur="change()">
</td></tr>
</table>
<script>
function change(){
e = event.srcElement;
do{
    if(e.tagName=="TABLE"){
        break;
    }
}while(e=e.offsetParent);e.bgColor = "red";}
</script>

Answer 1

<table width="70%"  border="1" cellspacing="1">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td onMouseMove="this.style.backgroundColor='#eeeeee'" onMouseOut="this.style.backgroundColor='#ffffff'"><input type="text" name="textfield" onMouseOut="this.blur()"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Answer 2

e = event.srcElement;
do{
    if(e.tagName=="TABLE"){
        break;
    }
}while(e=e.offsetParent);e.bgColor = "red";在学习中，
能不能解释一下？？

Answer 3

e = event.srcElement;  //触发时间的元素，这里是INPUT对象// 通过while循环，查找元素e的父元素，直到父元素是TABLE，退出循环，把该TABLE元素赋值给e
do{
    if(e.tagName=="TABLE"){
        break;
    }
}while(e=e.offsetParent);e.bgColor = "red";  //改变该表格的属性

Answer 4

thank you .
可能是我没说清楚，在我的网页中如果有多个<table>也这么处理行吗。
我先结贴，待会儿写清楚一点重新放分，谢谢你们的回答。