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

Ответ 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>

Ответ 2

visibility=hidden

очень полезен, но он все равно занимает место на странице. Вы также можете использовать

display=none

потому что это не только скроет объект, но сделает его таким, чтобы он не занимал место до его отображения. (Также имейте в виду, что отображение напротив является "блоком", а не "видимым" ).

Ответ 3

Что-то вроде этого должно удалить его

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

Если вы собираетесь делать многое из этой манипуляции с dom, возможно стоит посмотреть на jquery

Ответ 4

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

Ответ 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

Ответ 6

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

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

Ответ 7

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

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

Ответ 8

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