<div id="div4">
<button id="14" class="b1">Bat</button>
<button id="15" class="b1">Bowl</button>
</div>
<div id="div3">
<p id="id4"></p><!-- score -->
<p id="id5"></p><!-- balls -->
</div>
<div id="div1">
<button id="id7" class="c1">Defence</button>
</div>
<script>
document.getElementById("id14").onclick=function(){
document.getElementById("div4").style.display="none";
document.getElementById("div3").style.display="block";
document.getElementById("div1").style.display="block";
}
</script>
我设置的div1
的display
财产,div3
到none
和div4
到block
在CSS中,display
财产当我点击蝙蝠,我想div1
,div3
出现和DIV 4〜 dissapear。 当我运行上面的代码,它不工作。点击时显示问题
它看起来像你的按钮的ID是14,而不是“id14”。 – NineToeNerd
像@NineToeNerd说,这里是https://jsfiddle.net/DIRTY_SMITH/uajLx8ue/ –