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");

我希望这可以帮到你。