用tbody解决div在table标签里无法隐藏某些行

显示<INPUT type="checkbox" name="checkbox" onclick='list(this);'>
<script>  
  function   list(obj)  
  {  
      if(obj.checked)  
      {  
            document.getElementById('tab1').style.display='';
      }  
      else
      {  
            document.getElementById('tab1').style.display='none';
      } 
  }  
  </script>
<table>
<tbody id="tab1" style="display:none">
<tr>
<td>显示的内容</td>
</tr>
</tbody>
</table>


用div是无法隐藏这里的内容的。
因为 tabel和div 是无法交叉使用的
所以这里使用tbody来达到显示和隐藏表格中某些行的目的

你可能感兴趣的:(用tbody解决div在table标签里无法隐藏某些行)