欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【javascript实现div的显示和隐藏的小例子】，下面是详细的讲解！
javascript实现div的显示和隐藏的小例子
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>oec2003</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
if (document.getElementById){
target=document.getElementById(targetid);
if (target.style.display=="block"){
target.style.display="none";
} else {
target.style.display="block";
}
}
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
居中的DIV
</body>
</html>
关于javascript实现div的显示和隐藏的小例子的用户互动如下：
相关问题：javascript如何设置div显示和隐藏的速度啊，在线等
答：设置属性，隐藏 不加就是默认的 显示或者 >>详细
相关问题：JS控制DIV的显示与隐藏？
答：javascript控制页面控件隐藏显示的两种方法 javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： document.all["PanelSMS"].style.visibility="hidden"; document.all["PanelSMS"].style.visib... >>详细
相关问题：菜鸟求助js实现显示隐藏的div
答：function tt(){ if(document.getElementById('d').style.display=="none"){ document.getElementById('d').style.display="block"; }else{ document.getElementById('d').style.display="none" ; }}这样就可以了 >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 【AJAX】AJAX异步从优酷专辑中采集所有视频及信息
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-