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

Résolu/Fermé
Guillaume_SX - 1 sept. 2016 à 13:10
 Utilisateur anonyme - 1 sept. 2016 à 16:27
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
2785
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
25 mai 2022
528
1 sept. 2016 à 14:21
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
.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
2785
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
25 mai 2022
528
1 sept. 2016 à 16:00
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
2785
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
25 mai 2022

1 sept. 2016 à 16:27
En fait j'ai fini par trouver plus simple :
changeRule(".num-oeuvre", "display: inline;");
Merci quand meme ;)
0