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

  1. #1
    Membre confirmé
    Inscrit en
    janvier 2009
    Messages
    599
    Détails du profil
    Informations forums :
    Inscription : janvier 2009
    Messages : 599
    Points : 609
    Points
    609

    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 137
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2010
    Messages : 2 137
    Points : 4 191
    Points
    4 191

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