显示/显示内容

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

• 没有包装 - <head> 或
• 没有包装 - <body>

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

这是你的更新小提琴