onclick調用hide-div函數不起作用

Question

我一直在與這段簡單的代碼戰斗。 我正在嘗試使用<button>調用簡單的JavaScript函數來隱藏<div> 。

HTML：

<button type="button" onclick="close('wrong')">OK</button>

JavaScript的：

function close(ID)
{
    document.getElementById(ID).style.display="none";
}

我確信這真的很簡單，我一生都找不到。

Answer 1

嘗試將close函數名稱更改為其他類似closeit名稱，因為它可能與window.close()函數混淆。

Answer 2

嘗試document.getElementById（'wrong'）。setAttribute（'style'，'display：none'）;

Answer 3

讓我們在jQuery中做一些事情：

<button type="button" id="btn">OK</button>
<div id="myDiv">Div's contents here</div>

現在，您只需要使用以下代碼即可執行所需的操作：

<script type="javascript">
$(document).ready(function(e) {    
   $("#btn").click(function () {
      $("#myDiv").hide();
   });
});
</script>

注意：您可以為hide（）函數具有一些屬性：快速和慢速。 這將影響隱藏動作的速度。

$("#myDiv").hide("slow");

希望對您有所幫助。