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之小练习代码
Oct 12 Javascript
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
如何在node的express中使用socket.io
Dec 15 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
解决vue点击控制单个样式的问题
Sep 05 Javascript
Puppeteer环境搭建的详细步骤
Sep 21 Javascript
微信小程序实现文字无限轮播效果
Dec 28 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 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
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
解决laravel 5.1报错:No supported encrypter found的办法
2017/06/07 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
Javascript 模式实例 观察者模式
2009/10/24 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
javascript触发模拟鼠标点击事件
2019/06/26 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Windows下使Python2.x版本的解释器与3.x共存的方法
2015/10/25 Python
Python制作钉钉加密/解密工具
2016/12/07 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
Python实现感知器模型、两层神经网络
2017/12/19 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Python简易版停车管理系统
2019/08/12 Python
使用pickle存储数据dump 和 load实例讲解
2019/12/30 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
南京某公司笔试题
2013/01/27 面试题
旅游管理毕业生自荐书
2014/02/02 职场文书
护士毕业实习感言
2014/03/05 职场文书
询价采购方案
2014/06/09 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
Redis数据同步之redis shake的实现方法
2022/04/21 Redis