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

第一个问题出在你的小提琴中，你已经将JavaScript配置为运行onload，这是一个问题，因为你的demoDisplay现在包含在onload函数中，因此不在全球范围。您从内联onclick调用的任何内容都必须位于全局范围内。将小提琴配置更改为在标题或正文中运行（无包装）。

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

Updated fiddle

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

如何用js显示隐藏的组件

1 个答案: