javascript - div不能显示隐藏
本文介绍了javascript - div不能显示隐藏的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
哪里写的不对吗?
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{height: 200px;width: 200px;background-color: blue;display: none;}
</style>
<script type="text/javascript">
window.onload=function(){
var oBtn1=document.getElementById('btn1');
var oDiv1=document.getElementById('div1');
oBtn1.onclick=function(){
var dis=window.getComputedStyle(oDiv1).getPropertyValue("display");
if(dis=="none"){
oDiv1.style.display=="block";
}else{
oDiv1.style.display=="none";
}
}
}
</script>
</head>
<body>
<button id="btn1">1111</button>
<div id="div1"></div>
</body>
</html>
解决方案
oDiv1.style.display="block";
是= 不是==
这篇关于javascript - div不能显示隐藏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文