JavaScript控制HTML元素显示和隐藏
来源:互联网 发布:linux运维项目案例 编辑:程序博客网 时间:2024/05/27 09:48
做问卷调查系统的时候需要依据用户的选项实时的显示或隐藏一些问题,这就需要用到Javascript来控制HTML元素的显示和隐藏。代码实现起来比较简单,简单的介绍一下如何实现的。
1 、编写 js 函数
<script type="text/javascript">
function display(id){
var traget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}
}
</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>
参考资料:http://www.cnblogs.com/GT_Andy/archive/2010/01/13/1921896.html
- JavaScript控制HTML元素显示和隐藏
- javascript 控制 DIV等html元素的显示和隐藏
- javascript 控制 DIV等html元素的显示和隐藏 .
- javascript 控制 DIV等html元素的显示和隐藏 .
- javascript 控制 html元素 显示/隐藏
- javascript 控制 html元素 显示/隐藏
- javascript 控制 html元素 显示/隐藏
- javascript 控制 html元素 显示/隐藏
- 如何动态隐藏表格 javascript 控制 html元素 显示/隐藏
- javascript 控制 DIV等html元素的显示和隐藏(不占位)
- JavaScript 控制元素隐藏显示
- JS控制HTML元素的显示和隐藏
- JS控制HTML元素的显示和隐藏
- js控制html元素的隐藏和显示
- JS控制HTML元素的显示和隐藏+网站浮标
- JQuery 控制html元素显示或隐藏
- javascript隐藏和显示元素
- JavaScript控制页面元素显示隐藏
- CSS基础学习笔记
- MySQL: ubuntu10.10 下基本用法
- 请教:如何实现UDDI,利用C++或者C#?
- 自学CakePHP 日志文档(一)
- 如何使用DirectDraw直接显示YUV视频数据
- JavaScript控制HTML元素显示和隐藏
- Word添加页眉的方法
- 希尔排序
- 【小郝推荐】《物联网技术概论》
- 一些c++基本问题
- Nokia宣布Qt 5计划
- PPT 模板 网址
- 【小郝推荐】《物联网技术应用》
- 将MySQL数据映射到Memcached中 收藏