Bonsoir à tous,
Je voudrais récupérer le background-color d'un élément (celui qui a le data-selected="true" ) pour le mettre à un autre. A priori simple, pourtant ça ne marche pas :
Le HTML
Code :
- <ul id="liste">
- <li><a href="?type=1">1</a></li>
- <li><a href="?type=10">10</a></li>
- <li data-selected="true"><a href="?type=5">5</a></li>
- <li><a href="?type=7">7</a></li></ul>
- <div id="ladiv"><h1>Marcel</h1></div>
|
LE CSS
Code :
- #liste li:nth-of-type(1):hover {
- background-color:#f8d827;
- }
- #liste li:nth-of-type(2):hover {
- background-color:#cdb1ff;
- }
- #liste li:nth-of-type(3):hover {
- background-color:#d5ee70;
- }
- #liste li:nth-of-type(4):hover {
- background-color:#ff9797;
- }
- #liste li:nth-of-type(1)[data-selected="true"] {
- background-color:#f8d827;
- }
- #liste li:nth-of-type(2)[data-selected="true"] {
- background-color:#cdb1ff;
- }
- #liste li:nth-of-type(3)[data-selected="true"] {
- background-color:#d5ee70;
- }
- #liste li:nth-of-type(4)[data-selected="true"] {
- background-color:#ff9797;
- }
|
Le javascript
Code :
- var lesli=document.getElementById('liste').getElementsByTagName('li');
- for(var i=0;i<lesli.length;i++)
- {
- if(lesli[i].dataset.selected=="true" )
- document.getElementById('ladiv').firstElementChild.style.backgroundColor=lesli[i].style.backgroundColor;
- }
|
A priori, ça devrait aller mais ça ne marche pas...
Alors pour vérifier, j'ai fait ça en plus dans le if :
Code :
- lesli[i].style.backgroundColor="blue";
- document.getElementById('evenements').firstElementChild.style.backgroundColor=lesli[i].style.backgroundColor;
|
et les 2 sont bien bleus...
Une idée du pourquoi ça ne marche pas ?
Message édité par zezette le 04-07-2014 à 23:40:45
---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes