getElementsByTagName et class CSS
Bonjour,
je souhaiterai qu'un javascript modifie une des class d'une feuille CSS, j'utilise ceci :
Javascript
Code:
1
2
3
4
5
6
7
8
| var elems = document.getElementsByTagName("li");
for ( var i = 0; ( elem = elems[i] ); i++ )
{
if ( elem.className == "current" )
{
elem.style.backgroundColor = "Blue";
}
} |
CSS :
Code:
li.current a{background-position:right -19px !important; background-color:black;}
HTML :
Code:
<li class="current" ><a href="#" title="Home" id="home" ></a></li>
Le problème est que sans indiquer background-color:black; dans le CSS, le javascript fonctionne (changement de couleur du background), mais quand je définit background-color:black celà ne fonctionne plus et le background reste donc tout le temps noir.
Un petit coup de puce serai le bien venu ;)
