<scripttype="text/javascript">

functiondisplay(y){$(y).style.display=($(y).style.display=="none")?"":"none";}

function$(s){returndocument.getElementById(s);}

</script>

2.要显示/隐藏的html元素加上id属性

<table>

<trid="menu">

<td>控制这个tr的显示/隐藏</td>

</tr>

</table>

3，添加按钮，链接等触发js函数

<inputtype="button"onclick="display('menu')"value="显示/隐藏"/>

<ahref="#"onclick="display('menu')">显示/隐藏</a>

javascript显示隐藏层<divid="layer"style="display:none;">广告</div>

<inputtype="botton"onclick="display(layer)">

二:javascript控制页面控件隐藏显示的两种方法

javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位

方法一：

document.all["PanelSMS"].style.visibility="hidden";

document.all["PanelSMS"].style.visibility="visible";

方法二：

document.all["PanelSMS"].style.display="none";

document.all["PanelSMS"].style.display="inline";

方法一隐藏后页面的位置还被控件占用只是不显示

方法二隐藏后页面的位置不被占用

下一篇：Javascript别踩白块儿（钢琴块儿）小游戏实现代码