javascript - js如何显示隐藏组件

Question

无法找出代码不起作用的原因。

HTML 结构:

<p id="myP0" hidden>
  This paragraph should be hidden.</p>
<p>This is a visible paragraph.</p>
<p><b>Note:</b> The hidden attribute is not supported in IE10 or earlier versions.</p>
<input type="button" onclick="demoDisplay()" value="show">

Javascript:

function demoDisplay() {
  document.getElementById("myP0").style.display = "visible";
}

欢迎提出建议。

Answer 1

第一个问题是在你的 fiddle 中，你将 JavaScript 配置为运行 onload，这是一个问题，因为你的 demoDisplay 现在包装在 onload 中 函数，因此不在全局范围内。您从内联 onclick 调用的任何内容都必须位于全局范围内。更改 fiddle 配置以在 header 或正文中运行(无换行)。

第二个问题是 visible 不是 display 属性的可能值。将其更改为block，您的代码就可以工作了。

Updated fiddle .

document.getElementById("myP0").style.display = "block";