显示/显示内容

Question

我刚刚开始使用Javascript。我无法弄清楚为什么基本功能不起作用的生活。当你点击按钮时，我正试图这样做，“世界”消失了。

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

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

这是JSFiddle：http://jsfiddle.net/6qDap/966/

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

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');
}

Answer 1

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

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

或者，设置style属性。

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

Answer 2

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

忽略我之前的回答：

我认为你正在寻找display: none

这是显示示例的jsfiddle

Answer 3

要使它在jsfiddle上运行，你应该在

上加载javascript

• 没有包装 - ＆lt; head＆gt; 或
• 没有包装 - ＆lt; body＆gt;

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

这是您更新的fiddle