在Javascript中隐藏按钮

时间:2011-12-30 23:42:35

标签: javascript html5 button hide

在我的最新程序中,有一个按钮,单击时会显示一些输入弹出框。这些方框消失后,如何隐藏按钮?

10 个答案:

答案 0 :(得分:42)

您可以set its visibility propertyhidden

这是一个小演示,其中一个按钮用于切换另一个按钮:

<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;