用Js,DHTML控制表格的某一列的显示与隐藏

<!DOCTYPE  HTML  PUBLIC  “-//W3C//DTD  HTML  4.0  Transitional//EN”>
<HTML>
<HEAD>
<TITLE>  New  Document  </TITLE>
<META  NAME=”Generator”  CONTENT=”EditPlus”>
<META  NAME=”Author”  CONTENT=””>
<META  NAME=”Keywords”  CONTENT=””>
<META  NAME=”Description”  CONTENT=””>
</HEAD>

 

<!DOCTYPE  HTML  PUBLIC  “-//W3C//DTD  HTML  4.0  Transitional//EN”>
<HTML>
<HEAD>
<TITLE>  New  Document  </TITLE>
<META  NAME=”Generator”  CONTENT=”EditPlus”>
<META  NAME=”Author”  CONTENT=””>
<META  NAME=”Keywords”  CONTENT=””>
<META  NAME=”Description”  CONTENT=””>
</HEAD>

 

<BODY>
<SCRIPT  LANGUAGE=”JavaScript”>
<!–
//初始化时一定要隐一列
function  initHide(cell)
{
        obj  =  document.getElementById(“showTb”);
        for(i=0;i<obj.rows.length;i++)
        {
                        obj.rows[i].cells[cell].style.display  =  “none”;
        }
}

//隐列
function  hide(cell)
{
        obj  =  document.getElementById(“showTb”);
        //obj.style.display        =        “none”;
        //obj.rows[0].style.display  =  “none”;        //隐藏第一行
        for(i=0;i<obj.rows.length;i++)
        {
                        obj.rows[i].cells[cell].style.display  =  “none”;
        }
}

//  显列
function  show(cell)
{
        obj  =  document.getElementById(“showTb”);
        for(i=0;i<obj.rows.length;i++)
        {
                obj.rows[i].cells[cell].style.display  =  “block”;
        }
}

//–>
</SCRIPT>
[BookCase:<a  onClick=”hide(2)”  style=”cursor:hand”>隐</a>|<a  onClick=”show(2)”  style=”cursor:hand”>显</a>]

<BR>
<TABLE  id=”showTb”  name=  “showTb”  border=1>
<TR>
        <TD>11BookId</TD>
        <TD>12Hits</TD>
        <TD>13BookCase</TD>
        <TD>14BookS</TD>
        <TD>15Collect</TD>
</TR>
<TR>
        <TD>21</TD>
        <TD>22</TD>
        <TD>23</TD>
        <TD>24</TD>
        <TD>25</TD>
</TR>
<TR>
        <TD>31</TD>
        <TD>32</TD>
        <TD>33</TD>
        <TD>34</TD>
        <TD>35</TD>
</TR>
<TR>
        <TD>41</TD>
        <TD>42</TD>
        <TD>43</TD>
        <TD>44</TD>
        <TD>45</TD>
</TR>
</TABLE>

</BODY>

</HTML>

js实现隐藏列和显示列

    原文作者:爱人间
    原文地址: https://blog.csdn.net/menghuannvxia/article/details/50492158
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞