再放50分。关于失去焦点，使表格变底色的问题？？

左边有加分
<table>
  <tr>
     <td>
     <input type="text" name="aa" onblur=tdtd.bgColor=value>
     </td>
     <td>
        <table><tr><td width=100 height=20 id=tdtd>&nbsp;</td></tr></table>
     </td>
  </tr>
<table>

解决方案 »

  1.   

    <table>
      <tr>
         <td>
         <input type="text" name="aa" value="#FF0000" onblur="event.srcElement.parentElement.nextSibling.childNodes[0].bgColor=this.value">
         </td>
         <td>
            <table width=50 border=1><tr><td>&nbsp;</td></tr></table>
         </td>
      </tr>
    </table>
      

  2.   

    <html>
    <head>
    <script>
    function setc()
    {
    document.all.tab.bgColor = document.all.text.value;
    }
    </script>
    </head><body>
    <table width="96%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td>
         <input type="text" id="text" name="aa" onblur="setc()">
         </td>
         <td>
            <table width="92" height="69" border="1" cellpadding="0" cellspacing="0" id="tab">
           <tr>
             <td>&nbsp;</td>
           </tr></table>
         </td>
      </tr>
    </table>
    </body>
    </html>
    ------------------------
    注意这里引用的是ID属性
    id="text"   
    id="tab"
    ------------------------
      

  3.   

    <HEAD>
    <STYLE>
    .a {BACKGROUND-COLOR: lightblue;}
    .b {BACKGROUND-COLOR:#ffffff;}
    </STYLE>
    </HEAD>
    <input  class="a" id="aaa" onblur="this.className='b'" >
      

  4.   

    这样为什么不行：
    <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>
      

  5.   

    52juanjuan(Fibona)，它改变的表格不是包含自身的那个表格了，因时因地而异