Comment puis-je modifier l'affichage d'une catégorie à l'aide de JavaScript?

J'ai donc ce code:

JS:

    function show_all()
    {
    	document.getElementByClassName('login').style.display = 'inline';
    	document.getElementById('button-hide').style.display = 'inline';
    	document.getElementById('button-show').style.display = 'none';
    };
    function hide_all()
    {
    	document.getElementByClassName('login').style.display = 'none';
    	document.getElementById('button-hide').style.display = 'none';
    	document.getElementById('button-show').style.display = 'inline';
    };

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav>
    	<input type="button" value="Show login Buttons" id="button-show" onclick="show_all();"/>
    	<input type="button" value="Hide login Buttons" id="button-hide" onclick="hide_all();"/>
    </nav>
        <p class="login">Username:</p>
        <img src="un.png" class="login"/>
        <p class="login">Password:</p>
    <p>Something not ment to be hidden.</p>
        <img src="pass.png" class="login"/>

Et j'ai besoin de l'ensemble de la classe pour être affichés ou masqués;
J'ai environ 50 blocs avec des éléments avec la classe "login" et je voudrais utiliser JavaScript pour l'afficher.

  • un jquery répondez?
  • Comme par @AnujaAgarwal, jquery solution est encore de javascript si elle introduit une nouvelle dépendance. Cela dit, la solution est à quelques lignes de code et serait utile de l'adoption de la bibliothèque.
  • ce n'est pas ajax ou jquary...
InformationsquelleAutor Lèla Null | 2016-12-24