如何使HTML中的按钮消失

How to make disappear a button in HTML?

本文关键字:按钮 消失 何使 HTML      更新时间:2023-09-26

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

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

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

您必须指定是要隐藏它还是将其从流中完全删除。 当您隐藏它时,它仍然占据其位置,并且只是被隐藏,但是当您设置显示:无时,它将从页面中删除。

这是真的

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

但它适用于某些浏览器,您也必须使用它

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

看看这个

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()" 属性将在单击时切换

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

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

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