table与div互相嵌套注意

table与div互相嵌套注意

发布时间：2010.07.23 11:10      来源：赛迪网     作者：小K

【赛迪网讯】本文介绍table与div互相嵌套的注意事项。

3C//DTD HTML 4.01//EN"

 "">

 

   

   

   

   

 

 

    测试" type="button" onclick="changeStyle()">

    测试" onchange="changeStyle();">

      1

      2

   

   

     

     

   

     

   

   

   

     

       

     

   

     

     

   

   

 

table嵌套div时，div必须放到td中，否则达不到预期的效果;但是div嵌套table时，div中写table、tr、td任意一个都可以正常显示。

如果要对tr、td隐藏时，这个时候div就不起作用了，可以直接对tr、td进行隐藏，当然如果闲一行一行隐藏太麻烦了，那就试试tbody吧，把div替换成tbody将需要隐藏的tr、td放到tbody中，这样就可以显示和隐藏了，见代码如下：

3C//DTD HTML 4.01//EN"

"">

 

   

   

   

   

 

 

    测试" type="button" onclick="changeStyle()">

    测试" onchange="changeStyle();">

      1

      2

   

   

      <tbody id="test">