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

2024年5月7日 225次阅读来源: 爱人间

<!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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。