使用js实现显示和隐藏区域的内容(复习)
2012-03-06 20:02
513 查看
<!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=utf-8" />
<title>使用js来实现段落的显示和隐藏 </title>
<script type="text/javascript">
function hide(){
document.getElementById("getText").style.display="none";
}
function show(){
document.getElementById("getText").style.display="block";
}
</script>
</head>
<body>
<p id="getText">
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。。<br />
这个是显示的内容。。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。。<br />
这个是显示的内容。。。<br />
</p>
<input type="button" onclick="show()" value="显示">
<input type="button" onclick="hide()" value="隐藏">
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用js来实现段落的显示和隐藏 </title>
<script type="text/javascript">
function hide(){
document.getElementById("getText").style.display="none";
}
function show(){
document.getElementById("getText").style.display="block";
}
</script>
</head>
<body>
<p id="getText">
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。。<br />
这个是显示的内容。。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。<br />
这个是显示的内容。。<br />
这个是显示的内容。。。<br />
</p>
<input type="button" onclick="show()" value="显示">
<input type="button" onclick="hide()" value="隐藏">
</body>
</html>
相关文章推荐
- vue.js使用v-if实现显示与隐藏功能示例
- 通过js选择按钮实现一个内容隐藏另一个内容显示
- JS实现隐藏同级元素后只显示JS文件内容的方法
- js实现内容显示并使用json传输数据
- JS实现左右拖动改变内容显示区域大小的方法
- JS实现左右拖动改变内容显示区域大小的方法
- js实现更多内容的显示与隐藏
- 如是使用JS实现页面内容随机显示
- js:页面多处输入只使用一个验证码/获得焦点显示/onblur隐藏实现
- 如何使用JS实现页面内容随机显示
- js实现内容显示并使用json传输数据
- JS实现点击链接切换显示隐藏内容的方法
- 原生js实现密码输入框值的显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏【转藏】
- JS加jquery简单实现标签元素的显示或隐藏
- CSS3 animation实现图片轮播效果 自动显示 无需使用js 含代码(图片轮播效果一)
- js实现对div的隐藏和显示
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri
- js与jquery实现搜索框提示文字显示与隐藏
- js实现固定显示区域内自动缩放图片的方法