在 Javascript 中隐藏按钮

Question

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

Answer 1

您可以将其可见性属性设置为隐藏。

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

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

Answer 2

visibility="hidden"

非常有用，但它仍然会占用页面空间。您也可以使用

display="none"

它，因为这不仅会隐藏对象，而且会使其在显示之前不占用空间。 （另请记住，显示的反义词是“阻止”，而不是“可见”）

Answer 3

像这样的东西应该删除它

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

如果你打算做很多这样的dom操作可能值得看看jquery

Answer 4

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

Answer 5

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

Answer 6

如果该页面上的空间未被禁用，则将按钮放入 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>

Answer 7

当您按下按钮时，它应该调用会发出警报消息的函数。所以在警报之后放置 stylevisible property 。
你可以使用它来实现

function OpenAlert(){
        alert("Getting the message");
        document.getElementById("getMessage").style.visibility="hidden";
        
    }

 <input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>

希望这会有所帮助。很高兴能帮助你

Answer 8

function popAlert(){
        alert("Button will be hidden on click");
        document.getElementById("getMessage").style.visibility="hidden";
        
    }

   h1 {
            color: #0000ff;
        }

<h1>KIAAT</h1>
    <b>Hiding a button in Javascript after click</b>
    <br><br>
<input type="button" id="getMessage"  value="Hide Button OnClick" onclick="popAlert()"/>

Answer 9

如果您不使用 jQuery，我建议您使用它。如果你这样做，你会想做类似的事情：

$( 'button' ).on(
   'click'
   function (  )
   {
       $( this ).hide(  );
   }
);

Answer 10

<script>
    $('#btn_hide').click( function () {
      $('#btn_hide').hide();
    });
</script>
<input type="button" id="btn_hide"/>

这就足够了

Answer 11

您可以使用此代码：

btnID.hidden = true;

Answer 12

var start = new Date().getTime();
while ((new Date().getTime() - start) < 1000){
  } //for 1 sec delay