IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Contribuez Discussion :

Changer le style de tous les éléments d'une même classe en javascript


Sujet :

Contribuez

  1. #1
    Membre confirmé
    Inscrit en
    Janvier 2009
    Messages
    598
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 598
    Points : 628
    Points
    628
    Par défaut Changer le style de tous les éléments d'une même classe en javascript
    Bonjour,

    Comme j'ai souvent vu des personnes qui demandent comment changer le style de tous les éléments d'une classe et que j'aime partager, je vous donne là, la solution que j'utilise et efficace

    Je n'ai pas cherché à le rendre compatible IE, et toutes mes contributions ne le seront jamais, à bas IE.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    var choix=document.getElementsByClassName('maclasse');
     
    for (i=0;i<choix.length;i++)
    {
    choix[i].style.display="none";
    }
    Voilà, vous pouvez mettre ce code dans une fonction pour que cela soit plus pratique :

    Par exemple faire disparaitre tous les éléments d'une classe :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function cacher(uneclasse)
    {
    var choix=document.getElementsByClassName(uneclasse);
    for (i=0;i<choix.length;i++)
       {
       choix[i].style.display="none";
       }
    }
    Et l'appel de la fonction :
    Cliquez ici et reprenez le pouvoir !
    A bas IE !, Google, et le pistage du net, testons DuckDuckGo.com
    Lords Of The Realm II Download : Lords of the realm 2
    Infos en anglais :Ici

  2. #2
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 739
    Points
    4 739
    Par défaut
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    document.querySelectorAll('.maclasse').forEach(elm => elm.style.display="none");
    «La pluralité des voix n'est pas une preuve, pour les vérités malaisées à découvrir, tant il est bien plus vraisemblable qu'un homme seul les ait rencontrées que tout un peuple.» [ René Descartes ] - Discours de la méthode

Discussions similaires

  1. Réponses: 6
    Dernier message: 06/01/2009, 22h01
  2. [Thread] Synchroniser tous les éléments d'une map
    Par Monorom dans le forum Concurrence et multi-thread
    Réponses: 7
    Dernier message: 02/04/2007, 13h33
  3. Comment tester si tous les éléments d'une page ont été chargés ?
    Par Gat- dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/02/2007, 14h19
  4. Appliquer un style à tous les éléments d'une table
    Par licorne dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/01/2007, 15h31
  5. [code] Comment lister tous les éléments d'une form
    Par LE NEINDRE dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 16/10/2006, 12h23

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo