如何用js点击一个div来显示另外一个div

Question

如题所述

Answer 1

这个到是不难，代码如下

<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>

Answer 2

html:

<div style="width:100px; border:1px solid red; text-align:center;" id="div1">
    Click Me
</div>
<div style="width:100px; border:1px solid skyblue; height:100px;" id="div2"></div>

JS:

document.getElementById("div1").onclick = function(){
    document.getElementById("div2").style.display = "none";
}