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 相关文章推荐
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
js实现内容显示并使用json传输数据
Mar 16 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
JS使用插件cryptojs进行加密解密数据实例
May 11 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
May 04 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
Three.JS实现三维场景
Dec 30 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
使用phpQuery获取数组的实例
2017/03/13 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
accesskey 提交
2006/06/26 Javascript
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
jQuery中size()方法用法实例
2014/12/27 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
ES6新数据结构Set与WeakSet用法分析
2017/03/31 Javascript
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
node.js中使用Export和Import的方法
2017/09/18 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
vue异步axios获取的数据渲染到页面的方法
2018/08/09 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
Python 爬虫模拟登陆知乎
2016/09/23 Python
python3读取excel文件只提取某些行某些列的值方法
2018/07/10 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
微软新西兰官方网站:Microsoft New Zealand
2018/08/17 全球购物
国际花店:Pickup Flowers
2020/04/10 全球购物
厨房工作人员岗位职责
2013/11/15 职场文书
社团活动总结怎么写
2014/06/30 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
python爬取某网站原图作为壁纸
2021/06/02 Python
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android