在Javascript中隐藏一个按钮

Posted 2023-02-21

【中文标题】在Javascript中隐藏一个按钮

【英文标题】：Hiding a button in Javascript

【发布时间】：2012-01-30 21:20:54

【问题描述】：

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

【问题讨论】：

你是如何让盒子消失的？如果你用 javascript 让它们消失，通常很容易让其他东西消失。

【参考方案1】：

您可以使用此代码：

btnID.hidden = true;

【参考方案2】：

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

这就够了

【讨论】：

第 3 行缺少右引号

【参考方案3】：

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

【参考方案4】：

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

来实现它

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

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

希望这会有所帮助。乐于助人

【参考方案5】：

visibility=hidden

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

display=none

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

【参考方案6】：

您可以将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>

【讨论】：

element.classList.add("hide-me");谁能解释一下这可以隐藏元素吗？

【参考方案7】：

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

【参考方案8】：

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

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

【参考方案9】：

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

【参考方案10】：

这样的东西应该删除它

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

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

【讨论】：

这不会删除 dom 而是隐藏它。