document.getElementById("trdiv").innerHTML无效,

Question

<div id="tabdiv">
<table width="43%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <div id="trdiv">
  <tr>
    <td>&nbsp;</td>
  </tr>
  </div>
</table>
</div>
我要实现以下两种操作.
1.  document.getElementById("tabdiv").innerHTML="";
2.  document.getElementById("trdiv").innerHTML="";第一个可以,第二就就没用,应该如何改了?(两种操作不是一起执行.)

Answer 1

  
<div id="trdiv"> 
  <tr> 
    <td>&nbsp; </td> 
  </tr> 
</div> 
盒子嵌套可以这样嵌的吗？

Answer 2

<div id="tabdiv"> 
<table width="43%" border="1" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td>&nbsp; </td> 
  </tr> 
  <div id="trdiv"> 
  <tr> 
    <td>&nbsp; </td> 
  </tr> 
  </div> 
</table> 
</div> 这个执行代码
document.getElementById("tabdiv").innerHTML=""; 
就变成<div id="tabdiv"></div> trdiv这个已经被清除
当然无效...

Answer 3

第二个div你放的位子不对，破坏了table
要么第二个div放在一个td里面，不能放在
</tr>
和
</table> 之间，所以你的第2个不行

Answer 4

1.  document.getElementById("tabdiv").innerHTML=""; 
2.  document.getElementById("trdiv").innerHTML=""; 
两个不是一起执行,单独执行2也不行.

Answer 5

可是放在tr和td中间就不能实现效果,去掉tr.

Answer 6

<div id="tabdiv"> 
<table width="43%" border="1" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td>&nbsp; </td> 
  </tr> 
  <tr id="trdiv"> 
    <td>&nbsp; </td> 
  </tr> 
</table> 
</div> 1.  document.getElementById("tabdiv").innerHTML=""; 
2.  document.getElementById("trdiv").parentNode.removeChild(document.getElementById("trdiv")); 

Answer 7

那么如何填充trdiv了
 其实我想实现的效果是:
 
 查询数据,如果有,就循环填充到第一行以下的行.第一行是默认的.
         如果没有,就直接不显示table.

Answer 8

tr和tr之间怎么可能有div 呢？连基本的布局常识都不知道 ，怎么还来写网页呢 ？你应该从头学起的呀

Answer 9

直接去baidu,google下table的insertRow,insertCell的用法