关于 javascript 中的 innerHTML 问题

  各位大哥大姐，我这段代码总是出错，为什么啊，小妹是新手～～～～ 我都急哭了～～～<script language="javascript">
function Change(n)
{
if(n ==0)
{
document.all.main.innerHTML = "<tr>
            <td bgcolor='#000000'><img src='images/Spacer.gif' width='1' height='1'></td>
          </tr>
          <tr>
            <td><div align='right'> </div></td>
          </tr>";
}
}
</script><img src="file:///E|/my web/images/xianliao.gif" name="Image1" width="98" height="40" border="0" id="Image1" onclick="Change(0)" />``````
<table width="176" height="112" border="1"  id="main"><tr>  
</table>为什么啊。

解决方案 »

  1.   

    <table width="176" height="112" border="1"  id="main"> <tr>  
    </table> 这段是咋回事,怎么没有闭合呀.
    改成<table width="176" height="112" border="1"  id="main"> </table> 
      

  2.   

    innerHTML在应用于table有问题这是一个bug 
      

  3.   

    table元素不能直接对其赋innerHTML   TABLE TBODY TR等元素都不能直接赋innerHTML 只读function Change(n) 
    { 
    if(n ==0) 
    { 
    var tb = document.all.main;
    var tr=tb.insertRow(-1);
    var td = tr.insertCell(-1);
    td.innerHTML="<img src='images/Spacer.gif' width='1' height='1'/>";tr = tb.insertRow(-1);
    td = tr.insertCell(-1);
    td.innerHTML="<div align='right'> </div> ";
    } 
    } 
    <img src="file:///E ¦/my web/images/xianliao.gif" name="Image1" width="98" height="40" border="0" id="Image1" onclick="Change(0)" /> `````` 
    <table width="176" height="112" border="1"  id="main">
    </table>
      

  4.   

    <html><head><title></title></head>
    <script type="text/javascript">
       function Add(){

       var row=document.getElementById("main").insertRow();  
            var cell2=row.insertCell();
    cell2.innerHTML ="<img src='images/Spacer.gif' width='1' height='1'> ";   }
    </script>
    <body>
    <table id="main"  width= "176 "   height= "112 "   border= "1 " >
             <tr> </tr>
    </table>
    <input type="button" value="增加" onclick="Add()">
    </body>
    </html>
      

  5.   

    把整个表格装DIV里去,更新DIV就好了<script language="javascript"> 
    function Change(n) 
    { 
    if(n ==0) 
    { 
    document.all.main.innerHTML = "<table width='176' height='112' border='1'><tr> 
               <td bgcolor='#000000'> <img src='images/Spacer.gif' width='1' height='1'> </td> 
               </tr> 
               <tr> 
                <td> <div align='right'> </div> </td> 
               </tr></table>"; 
    } 
    } 
    </script> <img src="file:///E ¦/my web/images/xianliao.gif" name="Image1" width="98" height="40" border="0" id="Image1" onclick="Change(0)" /> `````` 
    <div id="main"></div> 
      

  6.   

    要想在表格里面用innerHTML那就需要依靠tbody了