javascript 控制 html元素 显示/隐藏实现代码
作者:bea
1。编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id 属性 <table> <tr i
1。编写js函数
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要显示/隐藏的html元素加上 id 属性
<table>
<tr id="menu" >
<td>控制这个tr的显示/隐藏</td>
</tr>
</table>
3,添加按钮,链接等触发 js 函数 <input type="button" onclick="display('menu')" value="显示/隐藏"/>
<a href="#" onclick="display('menu')" >显示/隐藏</a>
javascript显示隐藏层<div id="layer" style="display:none;">广告</div>
<input type="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";
方法一隐藏后 页面的位置还被控件占用 只是不显示
方法二隐藏后 页面的位置不被占用
有用 | 无用
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
</script>
2. 要显示/隐藏的html元素加上 id 属性
<table>
<tr id="menu" >
<td>控制这个tr的显示/隐藏</td>
</tr>
</table>
3,添加按钮,链接等触发 js 函数 <input type="button" onclick="display('menu')" value="显示/隐藏"/>
<a href="#" onclick="display('menu')" >显示/隐藏</a>
javascript显示隐藏层<div id="layer" style="display:none;">广告</div>
<input type="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";
方法一隐藏后 页面的位置还被控件占用 只是不显示
方法二隐藏后 页面的位置不被占用
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js跨域和ajax 跨域问题的实现思路
- JavaScript 密码强度判断代码
- 关于javascript中的parseInt使用技巧
- jquery判断单个复选框是否被选中的代码
- javascript 操作table的特性
- 当文本框的值发生改变时,触发事件,在IE中有效
- javascript 触发事件列表 比较不错
- javascript concat数组累加 示例
- ie focus bug 解决方法
- javascript 24小时弹出一次的代码(利用cookies)
- 使用jQuery的ajax功能实现的RSS Reader 代码
- 一步一步教你写一个jQuery的插件教程(Plugin)
- 动态样式类封装JS代码
- JS URL传中文参数引发的乱码问题
- jquery 导航设计实现代码 学习jquery的朋友可以看下
- FF IE兼容性的修改小结
- js 获取浏览器高度和宽度值(多浏览器)
- 获取URL地址中的文件名和参数的javascript代码
- Javascript 判断函数类型完美解决方案