javascript - JS - 通过按钮将 div 的可见性设置为隐藏

Question

这个问题已经有答案了:

what's the difference between <a onclick="someFunction"> and <a onclick="someFunction()"> (3 个回答)

已关闭 3 年前。

function button1() {
    document.getElementById("id1").style.visibility = "hidden";
}

.d1 {
    font-family: "Aldrich";
    font-size: 50px;
}

<link href="https://fonts.googleapis.com/css?family=Aldrich" rel="stylesheet">

<div class="d1" id ="id1">Test</div>

<button onclick="button1">Button 1</button>

我使用上面的简单代码来设置visibility的div至hidden通过button 。我点击它但没有任何反应。如果我设置属性 visibility: hidden;直接联系d1不过它确实有效...

Answer 1

给你一个解决方案

function button1() {
  document.getElementById("id1").style.visibility = "hidden";
}

.d1 {
    font-family: "Aldrich";
    font-size: 50px;
}

<div class="d1" id ="id1">Test</div>

<button onclick="button1()">Button 1</button>

您忘记通过单击按钮调用该方法。用于调用方法 button1()