wake-up-neo.net

Einen Button in Javascript ausblenden

In meinem neuesten Programm gibt es eine Schaltfläche, die beim Klicken einige Eingabefenster anzeigt. Wie kann ich die Schaltfläche ausblenden, nachdem diese Felder entfernt wurden?

javascripthtml5buttonhide
16
dualCore

Sie können setzen Sie seine visibility-Eigenschaft auf hidden.

Hier ist eine kleine Demonstration, bei der eine Taste zum Umschalten der anderen verwendet wird:

<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>
36
Philippe
visibility=hidden

ist sehr nützlich, nimmt aber trotzdem Platz auf der Seite ein. Sie können auch verwenden

display=none

weil dadurch das Objekt nicht nur ausgeblendet wird, sondern es so gemacht wird, dass es keinen Platz belegt, bis es angezeigt wird. (Denken Sie auch daran, dass das Gegenteil der Anzeige "blockiert" und nicht "sichtbar" ist).

14
BennyMathison

So etwas sollte es entfernen 

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

Wenn Sie viel von dieser Dom-Manipulation machen, lohnt sich ein Blick auf Jquery

5
Dominic Green
document.getElementById('btnID').style.visibility='hidden';
2
Mo3z
//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 eine Menge solcher Sachen machen, verwenden Sie jQuery

2
diracdeltafunk

Wenn Sie jQuery nicht verwenden, würde ich vorschlagen, es zu verwenden. Wenn Sie dies tun, möchten Sie Folgendes tun:

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

wenn Sie die Taste drücken, sollte sie eine Funktion aufrufen, die eine Warnmeldung ausgibt. Setzen Sie nach der Warnung die Eigenschaft style visible. Sie können es mit erreichen

function OpenAlert(){
        alert("Getting the message");
        document.getElementById("getMessage").style.visibility="hidden";
        
    }
 <input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>

Hoffe das wird helfen. Freue mich zu helfen

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

das wird genug sein

0
sanjun dev