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

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

Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021
444
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 65492 internautes nous ont dit merci ce mois-ci

.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
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021
444
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";
}
Utilisateur anonyme >
Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021

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