div显示和不显示(当几列数据;<td></td>中显示或不显示)

都知道用div控制显示或不显示;

<div id="divtest">

 显示测试

</div>

div的style="display:block" 是显示,即:document.getElementById("divtest").style.display = "block";

       style="display:none" 是不显示.即:document.getElementById("divtest").style.display = "none";

用但是如果要让一行中的4列不显示,而其它2列显示.

如果用 div 把其它的4列给包含起来. 就不起作用了

这是就这样了:

命题:

<tr>

    <td>肯定显示数据1<td>

    <td>肯定显示数据2<td>

    <td>待显示数据1<td>

    <td>待显示数据2<td>

    <td>待显示数据3<td>

    <td>待显示数据4<td>

<tr>

要求:

第一列和第二列是肯定的,

后四列是动态显示的.

 

此时如果用div将后面四列包含起来,用其style 的display 是不好用的.

 

解答:

 

<tr>

 

<td>肯定显示数据1<td>

 <td>肯定显示数据2<td>

 

<td colspan="4">

   <table style="display:none">

        <tr>

            <td>待显示数据1

            </td>

 

            <td>待显示数据2

            </td>

 

 

            <td>待显示数据3

            </td>

 

            <td>待显示数据4

            </td>

        </tr>

  </table>

</td>

 

<tr>

 

这个时候通过table中的style的display来控制显示与否.

评论

1 楼 sxpujs 2010-10-19  

这个办法不错