通过Javascript使元素可见

时间:2015-08-22 11:31:26

标签: javascript html button element

如何在html中显示元素?例如,假设我在html中有一个按钮

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

一旦触发了一个函数,我希望它能通过js显示出来。我怎么能这样做?

1 个答案:

答案 0 :(得分:3)

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

30

在此处查看运行示例:

https://jsfiddle.net/hmg5zdej/

或者,您可以使用更常见的样式规则而不是隐藏属性

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

如果您使用的是jQuery,那就更直接了:

 display: none;    

参见jQuery文档:

http://api.jquery.com/show/

http://api.jquery.com/hide/

http://api.jquery.com/toggle/