javascript - 显示/显示内容

Question

我刚开始使用 Javascript。我一生都无法弄清楚为什么基本功能不起作用。我正在尝试这样做，当您单击按钮时，“世界”会消失。

我真的没有看到为什么这不起作用的合乎逻辑的原因。我基本上是从 w3schools 的介绍性 JS 教程中复制过来的。

我认为这是 html5 中新的“隐藏”属性的问题，但我也尝试了通常的“style =“display：none;””路线，但它没有用。

提前感谢您帮助我解决这么简单的问题！

HTML：

<button type="button" id="my_button" onclick="hide()">Hello</button>
<div id="my_div">World</div>

JS：

function hide()
{
document.getElementById('my_div').setAttribute('hidden');
}

score 1 · Accepted Answer

我刚刚意识到您的代码应该可以正常工作。您应该尝试将脚本放在头部以确保它在 DOM 之前加载。

忽略我之前的回答：

我想你正在寻找display: none

这是一个展示示例的jsfiddle

score 1 · Accepted Answer

该属性可能需要设置为一个值，请尝试：

    document.getElementById('my_div').setAttribute('hidden', 'hidden');

或者，设置style属性。

    document.getElementById('my_div').setAttribute('style', 'visibility: hidden;');

score 0 · Accepted Answer

要使其在 jsfiddle 上运行，您应该加载 javascript

在此处输入图像描述

function revealPhotos() {
    document.getElementById("div_2008").style.display = "none";
}

这是你更新的小提琴

3 回答 3