Faire un bouton invisible en cliquant sur un autre bouton en HTML

Comment puis-je faire un bouton invisible en cliquant sur un autre bouton en HTML?

Je l'ai écrit ci-dessous, mais il ne fonctionne pas.

<input type="button" onclick="demoShow();" value="edit" />
<script type="text/javascript"> 
    function demoShow()
    { document.getElementsByName('p2').style.visibility="hidden"; }
</script>
<input id="p2" type="submit" value="submit" name="submit" />

OriginalL'auteur Nasrin hakim Mithila | 2011-12-19

  1. 10

    écrire ce

    Pour masquer

    {document.getElementById("p2").style.display="none";}

    pour montrer

    {document.getElementById("p2").style.display="block";}

    OriginalL'auteur Sonal Khunt

  2. 3

    Visibles:

    document.getElementsById("test").style.visibility="visible";

    Pour Invisible:

    document.getElementsById("test").style.visibility="hidden";

    OriginalL'auteur Ranga Reddy

  3. 2

    1. getElementById retourne un objet unique pour lesquelles vous pouvez spécifier le style.Donc, l'explication ci-dessus est correcte.

    2. getElementsByTagName retourne plusieurs objets(tableau d'objets et de propriétés) dont nous ne pouvons pas appliquer le style directement.

    OriginalL'auteur Umesh Patil

  4. 1

    Utiliser le id de l'élément à faire de même.

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

    OriginalL'auteur check123

  5. 1

    essayer cette

    function demoShow() {   
document.getElementById("but1").style.display="none";

}



<input type="button" value="click me" onclick="demoShow()" id="but" />

<input type="button" value="hide" id="but1" />
    si vous voulez vous occuper de l'espace dans le sens d'appliquer "visibility:hidden", sinon "display:none;"
    J'étais sur le point de suggérer que vous avez expliqué la différence entre les deux lol

    OriginalL'auteur Mr.T.K

  6. 0

    Pour obtenir un élément par son ID, utilisez ceci:

    document.getElementById("p2")

    Au lieu de:

    document.getElementsByName("p2")

    Sorte que le produit final serait:

    document.getElementsById("p2").style.visibility = "hidden";

    OriginalL'auteur JCOC611

  7. 0

    Utiliser ce code :

    <input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{document.getElementById("p2").style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

    OriginalL'auteur NavaStha

  8. 0

    À l'aide de jQuery!

    var demoShow = function(){
    $("#p2").hide();
}

    Mais je vous recommande de vous donner un id à votre bouton sur lequel vous souhaitez qu'une action se produise.
    Par exemple:

    <input type="button" id="p1" value="edit" />
<input type="button" id="p2" value="submit" name="submit" />

<script type="text/javascript"> 
$("#p1").click(function(){
    $("#p2").hide();
});
</script>

    De l'afficher de nouveau, vous pouvez simplement écrire: $("#p2").show();

    OriginalL'auteur Harsh Vardan Gupta

  9. 0
    $( "#btn1" ).click(function() {
 $('#btn2').css('display','none');
});
    Cette réponse besoin de plus qu'un bloc de code. Pour une chose, il dépend d'un autre tiers de la bibliothèque: jQuery. Une meilleure réponse décrit ce que fait le code et le pourquoi de la démarche a été choisi.

    OriginalL'auteur Neminath

  10. 0

    Essayer cette

    <input type="button" onclick="demoShow()" value="edit" />
<script type="text/javascript"> 
function demoShow()
{p2.style.visibility="hidden";}
</script>
<input id="p2" type="submit" value="submit" name="submit" />

    http://jsbin.com/gurolawu/1/

    OriginalL'auteur nimday

  11. 0

    J'ai trouvé des problèmes avec les éléments se déplace à l'aide de certains ci-dessus, donc si vous avez des objets les uns à côté des autres que vous voulez juste changer ce qui a le mieux fonctionné pour moi

    document.getElementById('uncheckAll').hidden = false;
document.getElementById('checkAll').hidden = true;

    OriginalL'auteur Gavin Mannion