Скрытие кнопки в Javascript

Question

В моей последней программе есть кнопка, которая отображает некоторые всплывающие окна ввода при нажатии. После того, как эти поля исчезнут, как мне скрыть кнопку?

Answer 1

Вы можете установить его visibility свойство на 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>

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

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

этого будет достаточно

Answer 7

, когда вы нажимаете кнопку, поэтому она должна вызвать функцию, которая будет предупреждать сообщение.поэтому после оповещения поставьте 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()"/>

Надеюсь, это поможет.Рад помочь

Answer 8

Если вы не используете jQuery, я бы предложил использовать его. Если вы это сделаете, вы хотели бы сделать что-то вроде:

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