javascript 控制 html元素 显示/隐藏实现代码


Posted in Javascript onSeptember 01, 2009

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";
方法一隐藏后 页面的位置还被控件占用 只是不显示
方法二隐藏后 页面的位置不被占用

Javascript 相关文章推荐
用js实现计算代码行数的简单方法附代码
Aug 13 Javascript
jQuery 处理表单元素的代码
Feb 15 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
jQuery插件ajaxFileUpload使用详解
Jan 10 Javascript
微信小程序 出现47001 data format error原因解决办法
Mar 10 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
Oct 22 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 #Javascript
JavaScript 继承详解 第一篇
Aug 30 #Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 #Javascript
用cssText批量修改样式
Aug 29 #Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 #Javascript
IE 条件注释详解总结(附实例代码)
Aug 29 #Javascript
基于jQuery的ajax功能实现web service的json转化
Aug 29 #Javascript
You might like
第十节--抽象方法和抽象类
2006/11/16 PHP
PHP的范围解析操作符(::)的含义分析说明
2011/07/03 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
用JavaScript编写COM组件的步骤
2009/03/17 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
JavaScript Event学习第六章 事件的访问
2010/02/07 Javascript
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
js汉字转拼音实现代码
2013/02/06 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
jQuery源码解读之hasClass()方法分析
2015/02/20 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
2018/03/02 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
python中管道用法入门实例
2015/06/04 Python
python实现的系统实用log类实例
2015/06/30 Python
python八皇后问题的解决方法
2018/09/27 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
numpy.where() 用法详解
2019/05/27 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
拾金不昧表扬信范文
2014/01/11 职场文书
内勤主管岗位职责
2014/04/03 职场文书
安全生产演讲稿
2014/05/09 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
警示教育观后感
2015/06/17 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
windows安装python超详细图文教程
2021/05/21 Python