Cacher un bouton en Javascript

Dans mon dernier programme, il y a un bouton qui affiche une entrée popup boîtes lorsque l'utilisateur clique dessus. Après ces boîtes s'en aller, comment puis-je masquer le bouton?

comment faites-vous les boîtes de disparaître? Si vous êtes à la faire disparaître à l'aide de javascript, il est généralement très simple à faire quelque chose de disparaître.

InformationsquelleAutor dualCore | 2011-12-30

Vous pouvez définir sa visibilité de la propriété à hidden.

Voici une petite démonstration, où un seul bouton est utilisé pour basculer sur les autres:

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

de l'élément.classList.add("cachez-moi"); quelqu'un peut-il expliquer ce qui peut masquer l'élément ?

InformationsquelleAutor Philippe

14
```
visibility=hidden
```
est très utile, mais il faudra encore de l'espace sur la page. Vous pouvez également utiliser
```
display=none
```
parce que ce ne sera pas seulement de masquer l'objet, mais de faire en sorte qu'il ne prend pas la place jusqu'à ce qu'il s'affiche. (Gardez à l'esprit que l'affichage de la face est "bloquer", pas "visible")

InformationsquelleAutor BennyMathison
6

Quelque chose comme cela devrait l'enlever
```
document.getElementById('x').style.visibility='hidden';
```
Si vous allez faire beaucoup de cette manipulation du dom peut être intéressant de regarder jquery

InformationsquelleAutor Dominic Green

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

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

bien sûr, si vous faites beaucoup de choses comme cela, utilisez jQuery

InformationsquelleAutor diracdeltafunk

0

Si vous n'êtes pas à l'aide de jQuery, je voudrais vous recommandons de l'utiliser. Si vous le faites, vous voulez faire quelque chose comme:
```
$( 'button' ).on(
   'click'
   function (  )
   {
       $( this ).hide(  );
   }
);
```
InformationsquelleAutor Wes Crow
0

lorsque vous appuyez sur le bouton de sorte qu'il devrait appeler la fonction qui permettra de message d'alerte. ainsi, après l'alerte de mettre style visible de la propriété .
vous pouvez la réaliser à l'aide de

JS:
```
function OpenAlert(){
        alert("Getting the message");
        document.getElementById("getMessage").style.visibility="hidden";
        
    }
```
HTML:
```
 <input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>
```
Espère que cela aidera . Heureux de vous aider

InformationsquelleAutor Anand Dwivedi

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

ce sera assez

InformationsquelleAutor Sanjun Dev

Vous devez vous connecter pour publier un commentaire.