用Javascript显示隐藏层
来源:互联网 发布:wifi广告软件安卓版 编辑:程序博客网 时间:2024/04/25 06:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ajax的Hello页面</title>
<link href="css/hello.css" rel="stylesheet" type="text/css" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Ajax的Hello页面</title>
<link href="css/hello.css" rel="stylesheet" type="text/css" />
<script language="javascript">
function ShowHide(button)
{
if(button.value=="隐藏")
{
button.value="显示";
document.getElementById('good').style.display = "none"; //隐藏
}
else
{
button.value="隐藏";
document.getElementById('good').style.display = "block"; //显示
}
}
</script>
</head>
<body>
<div id="good">我要显示的文字</div>
<form action="" method="post">
<input type="button" value="隐藏" name="myButton" onclick="javascript:ShowHide(this)"/>
</form>
</body>
</html>
将以上代码复制到一个新建的HTML页面中,即可实现“我要显示的文字”这句话的隐藏和显示。
关键就是下面两行代码:
document.getElementById('good').style.display = "none"; //隐藏
document.getElementById('good').style.display = "block"; //显示
- 用Javascript显示隐藏层
- 用Javascript显示隐藏层
- CSS+JavaScript控制层显示与隐藏
- javascript 控制层的显示或隐藏
- javascript层隐藏和显示的代码
- 显示层||隐藏层
- JavaScript实现DIV层的隐藏与显示
- javascript实现层div的显示和隐藏效果
- 用CSS样式实现显示隐藏层
- 显示隐藏层
- 隐藏select,显示层
- 显示或隐藏层
- 显示隐藏层2
- 层的显示隐藏
- 点击显示隐藏层
- css显示隐藏层
- DIV显示隐藏层
- JQuery显示隐藏层
- JDOM入门:使用JDOM解析XML
- 开始→运行→输入的命令集锦( 菜鸟必读)
- 【LeetCode with Python】 Binary Tree Inorder Traversal
- 【LeetCode with Python】 Best Time to Buy and Sell Stock II
- 开发自己的窗体设计器
- 用Javascript显示隐藏层
- 用SAX解析XML的例子
- SD2C大会视频
- 日语五十音图快速记忆法
- 在ASP.NET中使用Session常见问题集锦
- vs2008 编译 tcl
- 【LeetCode with Python】 Balanced Binary Tree
- Asp.Net细节性问题技巧精萃
- 配置文件