onclick 调用 hide-div 功能不起作用答案

【问题标题】：onclick calling hide-div function not workingonclick 调用 hide-div 功能不起作用
【发布时间】：2011-12-18 09:26:13
【问题描述】：

我一直在与这段简单的代码作斗争。我正在尝试使用<button> 调用一个简单的JavaScript 函数来隐藏<div>。

HTML：

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

JavaScript：

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

我确定这很简单，但我一辈子都找不到。

【问题讨论】：

【解决方案1】：

尝试将 close 函数名称更改为 closeit 之类的其他名称，因为它可能会将其与 window.close() 函数混淆。

【讨论】：

【解决方案2】：

试试 document.getElementById('wrong').setAttribute('style', 'display:none');

【讨论】：

【解决方案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");

希望对你有帮助。

【讨论】：