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

Résolu/Fermé

Utilisateur anonyme - 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 ;)

A voir également:

Javascript : modifier une propriété d'une classe CSS
Telecharger javascript - Télécharger - Langages
Afficher un tableau javascript en html ✓ - Forum Javascript
Javascript echo ✓ - Forum PHP
Erreur #125 javascript - Forum Mozilla Firefox
A javascript error occurred in the main process - Forum Handicap / Accessibilté

1 réponse

Réponse 1 / 1

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
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,

Utilisateur anonyme
Modifié par Guillaume_SX le 1/09/2016 à 14:32

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

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
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";
}

Utilisateur anonyme > Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022
1 sept. 2016 à 16:27

En fait j'ai fini par trouver plus simple :

changeRule(".num-oeuvre", "display: inline;");

Merci quand meme ;)

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

java activée mais ne fonctionne pas !

Nodejs.exe est-ce un virus