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

  1. Pitet Messages postés 2845 Statut Membre 530
     
    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
    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
    2. Pitet Messages postés 2845 Statut Membre 530
       
      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
      1. 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