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:
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:
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 :
Code:
cacher('laclasse');