隱藏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中的按鈕

回答

相關問題