显示或隐藏页面元素
2013-01-17 11:27
225 查看
在设计页面的时候,我们经常会遇到需要在页面动态显示或隐藏页面元素的情况。示例如下:
屏幕截图稍后上传,敬请关注。
<div align="center"> <table width="200" border="1" cellspacing="0"> <tr> <td width="50">姓名:</td> <td>斌斌</td> </tr> <tr id="salaryInfo"> <td>工资:</td> <td>200 万元/年</td> </tr> <tr> <td colspan="2"> <input type="button" value="显示工资" onclick="document.getElementById('salaryInfo').style.display=''"/> <input type="button" value="隐藏工资" onclick="document.getElementById('salaryInfo').style.display='none'"/> </td> </tr> </table> </div>
屏幕截图稍后上传,敬请关注。
相关文章推荐
- 如何依照自己的意愿隐藏和显示页面上的元素
- 微信小程序 —— 动态决定页面元素显示或隐藏的技巧
- JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素
- [知识点滴]HTML页面元素显示&隐藏方式及区别
- 解决Jquary隐藏页面元素后再显示时样式不起作用
- 页面元素隐藏与显示
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- 微信小程序 —— 动态决定页面元素显示或隐藏的技巧
- JQuery显示隐藏页面元素的方法总结
- IOS11渲染,导致translate3d元素画出页面时会隐藏不显示
- JavaScript控制页面元素显示隐藏
- 页面滚动显示或隐藏元素Headroom.js插件帮助你实现滚动效果
- javascript 控制 页面元素 显示/隐藏
- jquery显示隐藏页面元素
- 随页面滚动显示/隐藏窗口固定位置元素
- 控制页面元素的显示和隐藏
- js控制页面元素的隐藏与显示
- js隐藏/显示页面元素的两种方法
- 切换 显示与隐藏页面元素