首页 > IT职业 > IT职场 > javascript隐藏和显示div的方法

1、通过设置display属性可以使div隐藏后释放占用的页面空间。
document.getElementById("demo").style.display="none";//隐藏
document.getElementById("demo").style.display="block";//显示
2、创建一个showhidediv的方法,直接跟ID属性调用。
<script language="javascript">
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}
</script>
3、HTML页面结构
<a onMouseMove='showhidediv("baip")';> 点我 </a>
<div id="baip"style="display:none;">隐藏显示的DIV</div>
以上就是javascript隐藏和显示div的方法,希望对大家有所帮助。更多Javascript学习指路:Javascript
推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2983/viewspace-2829829/ ,如需转载,请注明出处,否则将追究法律责任。