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