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

希望对您有所帮助。