javascript - 如何使 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";