JS 显示隐藏DIV

最新推荐文章于 2024-10-01 20:12:28 发布

dianyu4558

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量90

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/caobiin/p/7651212.html

版权

JS关闭DIV

HTML

<div id="bar1"> 
    <p onclick="removeElement('bar1')">关闭</p>
</div> 
<div id="bar2">
    <p onclick="removeElement('bar2')">关闭</p>
</div>

JS

<script type="text/javascript">
function removeElement(id)
{
document.getElementById(id).style.display="none";
}
</script>

JS显示DIV

<div onclick="showOtherDiv()" style="border:1px solid #fff">点击显示另一个div</div>
<div id="otherDiv" style="display:none;border:1px solid red">点击后显示的div</div>
     
<script type="text/javascript">
     
function showOtherDiv(){
    //获取要显示的div对象
    var  otherDiv=document.getElementById('otherDiv');
    //显示
    otherDiv.style.display="block";
}
         
</script>

转载于:https://www.cnblogs.com/caobiin/p/7651212.html