在我的最新程序中,有一个按钮,单击时会显示一些输入弹出框。这些方框消失后,如何隐藏按钮?
答案 0 :(得分:42)
您可以set its visibility
property到hidden
。
这是一个小演示,其中一个按钮用于切换另一个按钮:
<input type="button" id="toggler" value="Toggler" onClick="action();" />
<input type="button" id="togglee" value="Togglee" />
<script>
var hidden = false;
function action() {
hidden = !hidden;
if(hidden) {
document.getElementById('togglee').style.visibility = 'hidden';
} else {
document.getElementById('togglee').style.visibility = 'visible';
}
}
</script>
答案 1 :(得分:14)
visibility=hidden
非常有用,但它仍会占用页面上的空间。您也可以使用
display=none
因为它不仅会隐藏对象,而且会使它在显示之前不会占用空间。 (另请注意,显示屏的对面是“阻止”,而不是“可见”)
答案 2 :(得分:6)
这样的东西应该删除它
document.getElementById('x').style.visibility='hidden';
如果你要做很多这种dom操作可能值得看看jquery
答案 3 :(得分:3)
document.getElementById('btnID').style.visibility='hidden';
答案 4 :(得分:2)
//Your code to make the box goes here... call it box
box.id="foo";
//Your code to remove the box goes here
document.getElementById("foo").style.display="none";
当然,如果你做了很多这样的事情,请使用jQuery
答案 5 :(得分:1)
如果未禁用该页面上的空格,则将按钮放在div内。
<div id="a1">
<button>Click here</button>
</div>
使用Jquery:
<script language="javascript">
$("#a1").hide();
</script>
使用JS:
<script language="javascript">
document.getElementById("a1").style.visibility = "hidden";
document.getElementById("a1").style.display = "none";
</script>
答案 6 :(得分:0)
如果您不使用jQuery,我建议您使用它。如果你这样做,你会想做类似的事情:
$( 'button' ).on(
'click'
function ( )
{
$( this ).hide( );
}
);
答案 7 :(得分:0)
当你按下按钮,它应该调用将提醒消息的功能。所以在提醒后style visible
属性。
你可以用
function OpenAlert(){
alert("Getting the message");
document.getElementById("getMessage").style.visibility="hidden";
}
<input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>
希望这会有所帮助。很乐意提供帮助
答案 8 :(得分:0)
<script>
$('#btn_hide').click( function () {
$('#btn_hide).hide();
});
</script>
<input type="button" id="btn_hide"/>
这就够了
答案 9 :(得分:0)
您可以使用此代码:
btnID.hidden = true;