Ausblenden einer Schaltfläche in Javascript

In meinem aktuellen Programm gibt es eine Schaltfläche, die zeigt einige input-popup-Boxen, wenn geklickt wird. Nach diesen Boxen gehen Weg, wie Verstecke ich den button?

InformationsquelleAutor der Frage dualCore | 2011-12-30

  1. 35

    Können Sie legen Sie Ihre visibility Eigenschaft zu hidden.

    Hier eine kleine demonstration, wo eine Taste dient zum Umschalten der andere:

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

    InformationsquelleAutor der Antwort Philippe

  2. 14
    visibility=hidden

    ist sehr nützlich, aber es wird noch Platz auf der Seite. Sie können auch

    display=none

    weil das wird nicht nur ausblenden, das Objekt, sondern es so machen, dass es nicht nehmen Platz, bis es angezeigt wird. (Beachten Sie auch, dass die Anzeige das Gegenteil ist der "block", nicht "sichtbar")

    InformationsquelleAutor der Antwort BennyMathison

  3. 5

    So etwas sollte es entfernen 

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

    Wenn du gehst zu tun eine Menge von dieser dom-manipulation sein könnte, lohnt ein Blick auf jquery

    InformationsquelleAutor der Antwort Dominic Green

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

    InformationsquelleAutor der Antwort Mo3z

  5. 2
    //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";

    natürlich, wenn Sie tun eine Menge Dinge wie diese, verwenden jQuery

    InformationsquelleAutor der Antwort diracdeltafunk

  6. 0

    Wenn Sie nicht mit jQuery würde ich vorschlagen, es zu benutzen. Wenn Sie das tun, würden Sie wollen, etwas zu tun:

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

    InformationsquelleAutor der Antwort Wes Crow

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

    wird dies ausreichen,

    InformationsquelleAutor der Antwort sanjun dev

Schreibe einen Kommentar