如何使HTML中的按钮消失？

Question

我试图使用以下代码隐藏表单上的按钮：

$('#ButtonID').hide(); 
document.getElementById('ButtonID').style.visibility = 'hidden';

但按钮仍然以形式显示。我需要知道如何让它消失？

Answer 1

您必须指定是要隐藏它还是将其从流中完全删除。当你隐藏它时，它仍然占据它的位置并且它只是被隐藏但是当你设置 display：none 时它将从页面中删除。

这是真的

document.getElementById('ButtonID').style.visibility = 'hidden';

但它适用于某些必须使用此浏览器的浏览器

document.getElementById('ButtonID').setAttribute("style","visibility:hidden");

Answer 2

检查出来

http://jsfiddle.net/JPmhs/

JavaScript代码

document.getElementById("toggle").style.visibility="hidden";

HTML

<form id="formvisiblity">
    <input id="toggle" type="submit" text="submit" name="accept"/>
</form>

点击时切换

onclick =“function（）”属性将在点击

时切换

Answer 3

听起来像你想要$('#ButtonID').remove();

Answer 4

use the following jquery code:
----------
$("#toggle").attr("style","display:none");


JavaScript use following code:    
----------
document.getElementById("toggle").style.display="none";