隐藏Javascript中的按钮

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

在此先感谢！

2011-12-30 dualCore

你是如何做的箱子走？如果你让它们以javascript离开，通常很容易让其他东西消失。 – diracdeltafunk 2011-12-30 23:44:01

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

来源

2011-12-30 23:44:54 Philippe

像这样的东西应该将其删除

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

如果你打算做这个很多DOM操作可能值得看看jQuery

来源

2011-12-30 23:45:11

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

来源

2011-12-30 23:45:16 Mo3z

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

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

来源

2011-12-30 23:47:12

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

来源

2011-12-30 23:49:46 diracdeltafunk

visibility=hidden

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

display=none

，因为这不仅将隐藏对象，但让这个直到它显示它不占用空间。（也请记住，显示的对面是“块”，而不是“可见”）

来源

2011-12-30 23:52:46 MattDavBen

当您按下按钮时，它应该调用将警告消息的函数。所以警报后把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()"/>

希望这将有助于实现这一目标。快乐帮

来源

2016-03-25 06:05:14

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

这将是足够的

来源

2016-06-30 08:30:44

隐藏Javascript中的按钮

回答

相关问题