Ẩn nút trong Javascript

Question

Trong chương trình mới nhất của tôi, có một nút hiển thị một số hộp bật lên đầu vào khi được nhấp. Sau khi các hộp này biến mất, làm cách nào để ẩn nút?

Cảm ơn trước!

Answer 1

Bạn có thể set its visibility property đến hidden.

Đây là một cuộc biểu tình nhỏ, nơi một nút được sử dụng để chuyển đổi một trong những khác:

<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

Something như thế này nên loại bỏ nó

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

Nếu bạn đang đi để làm rất nhiều này thao tác dom có ​​thể đáng xem xét jquery

Answer 3

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

Answer 4

Nếu bạn không sử dụng jQuery, tôi sẽ kiện sử dụng nó. Nếu bạn làm thế, bạn sẽ muốn làm điều gì đó như:

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

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

tất nhiên nếu bạn đang làm rất nhiều thứ như thế này, sử dụng jQuery

Answer 6

visibility=hidden 

là rất hữu ích, nhưng nó sẽ vẫn chiếm không gian trên trang. Bạn cũng có thể sử dụng

display=none 

vì điều đó sẽ không chỉ che giấu đối tượng mà còn làm cho nó không chiếm không gian cho đến khi nó được hiển thị. (Ngoài ra, hãy nhớ rằng đối diện của màn hình là "chặn", không phải "hiển thị")

Answer 7

khi bạn nhấn nút để gọi hàm sẽ cảnh báo tin nhắn. vì vậy sau khi cảnh báo, hãy đặt thuộc tính style visible. bạn có thể đạt được nó bằng cách sử

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

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

Hy vọng điều này sẽ giúp. Sẵn sàng giúp đỡ

Answer 8

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

này sẽ đủ