Javascript : modifier une propriété d'une classe CSS [Résolu/Fermé]

Signaler
-
Messages postés
20
Date d'inscription
jeudi 1 septembre 2016
Statut
Membre
Dernière intervention
5 octobre 2016
-
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

Messages postés
2370
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020
431
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

Messages postés
20
Date d'inscription
jeudi 1 septembre 2016
Statut
Membre
Dernière intervention
5 octobre 2016

.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.
Messages postés
2370
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020
431
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";
}
Messages postés
20
Date d'inscription
jeudi 1 septembre 2016
Statut
Membre
Dernière intervention
5 octobre 2016
>
Messages postés
2370
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020

En fait j'ai fini par trouver plus simple :
changeRule(".num-oeuvre", "display: inline;");
Merci quand meme ;)