Votre question

Changer la couleur d'une <li> avec javascript

Tags :
  • Html
  • CSS
  • Programmation
Dernière réponse : dans Programmation
21 Octobre 2011 09:59:03

Bonjour,
J'ai une <li> en HTML qui m'affiche une lien avec une couleur.
Je voulais que lorsque je clique sur ce lien il change de couleur (en utilisant JavaScript).
Voila le code HTML:
  1. <li class="c1" id="li1">12313</li>

le code CSS:
  1. <style type="text/css">
  2. .c1 {color: #F00;}
  3. .c2 {color: #FF0;}
  4. </style>


et le code JavaScript utilisé pour passer du class c1 au class c2:
  1. document.getElementById("li1").style.display = "c2"

mais ça pas marché.

Merci de m'aider

Autres pages sur : changer couleur javascript

21 Octobre 2011 10:40:04

J'ai utilisé document.getElementById("id" ).className et ça marché, mais il me reste un problème c'est que j'ai plusieurs liens et lorsque je clique sur un lien il change de couleurs et les autres liens retrouvent leur couleur initiale

merci de m'aider
a c 232 L Programmation
21 Octobre 2011 11:33:16

Salut,

Quelque chose dans ce genre:
  1. var c2 = document.getElementsByClassName("c2");
  2. for (i = 0; i < c2.length; i++) {
  3. c2[i].className = "c1";
  4. }
21 Octobre 2011 12:57:12

merci
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS