Javascript : modifier une propriété d'une classe CSS

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Hey, étant webmaster-amateur, j'ai une petite question :

est-il possible de modifier une propriété d'une classe CSS à l'aide de Javascript, sans l'ID des span?

Merci ;)

1 réponse

Pitet Messages postés 2845 Statut Membre 527
 
Salut,

Peut-on avoir un peu plus de précision et/ou un exemple de ce que tu souhaites faire ?
Tu veux modifier une propriété css de tous les span de la page ?
Ou uniquement sur un span spécifique qui ne possède pas d'id ?

Bonne journée,
1
Utilisateur anonyme
 
.kikoo{ visibility:hidden}



<span class="kikoo">Hello World !</span>
<span class="kikoo">Hello Moi !</span>


genre je sois modifier la propriété visibility de la classe kikoo , en JS, pour que s'affichent les deux textes d'un coup, genre changer visibility:hidden en visibility:none pour la classe kikoo.
0
Pitet Messages postés 2845 Statut Membre 527
 
Tu peux utiliser la fonction querySelectorAll pour récupérer les éléments via un sélecteur css, ici en utilisant la classe kikoo :
var kikoos = document.querySelectorAll('.kikoo');

for (var i = 0; i < kikoos.length; ++i) {
  kikoos[i].style.visibility = "visible";
}
0
Utilisateur anonyme > Pitet Messages postés 2845 Statut Membre
 
En fait j'ai fini par trouver plus simple :
changeRule(".num-oeuvre", "display: inline;");
Merci quand meme ;)
0