onclick 调用隐藏 div 功能不起作用

IT技术 javascript html onclick
2021-03-08 21:42:44

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

HTML:

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

JavaScript:

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

我敢肯定这是非常简单的事情,我就是一辈子都找不到它。

3个回答

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

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

让我们在 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");

我希望这可以帮助你。