通过 Javascript 使元素可见

Question

如何使元素在 html 中可见？例如，假设我在 html

中有一个按钮

<button id="test" hidden="true">

而且我希望它在函数被触发后通过 js 变得可见。我该怎么做？

Answer 1

您需要从按钮 DOM 对象中删除隐藏属性，如下所示：

function showButton(){
    var btn = document.getElementById("test");
    btn.removeAttribute("hidden");  
}

请在此处查看运行示例：

或者，您可以使用更常见的样式规则代替隐藏属性

 display: none;

如果你用的是jQuery，那就更直接了：

function showButton(){
    $("#test").show();  
}

请参阅 jQuery 文档：

Making Element Visible Via Javascript