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

Question

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>

我使用上面的简单代码通过 button 将 div 的 visibility 设置为 hidden。我点击它但没有任何反应。如果我将属性 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()

Answer 2

您的 html <button>

上缺少 button1()

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>

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

JS - Set visibility of a div to hidden via a button

javascript

css

visibility