Récuperer le background d'un élément

Récuperer le background d'un élément - HTML/CSS - Programmation

Marsh Posté le 04-07-2014 à 23:39:20    

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 :
  1. <ul id="liste">
  2. <li><a href="?type=1">1</a></li>
  3. <li><a href="?type=10">10</a></li>
  4. <li data-selected="true"><a href="?type=5">5</a></li>
  5. <li><a href="?type=7">7</a></li></ul>
  6. <div id="ladiv"><h1>Marcel</h1></div>


 
LE CSS

Code :
  1. #liste li:nth-of-type(1):hover {
  2. background-color:#f8d827;
  3. }
  5. #liste li:nth-of-type(2):hover {
  6. background-color:#cdb1ff;
  7. }
  9. #liste li:nth-of-type(3):hover {
  10. background-color:#d5ee70;
  11. }
  13. #liste li:nth-of-type(4):hover {
  14. background-color:#ff9797;
  15. }
  17. #liste li:nth-of-type(1)[data-selected="true"] {
  18. background-color:#f8d827;
  19. }
  21. #liste li:nth-of-type(2)[data-selected="true"] {
  22. background-color:#cdb1ff;
  23. }
  25. #liste li:nth-of-type(3)[data-selected="true"] {
  26. background-color:#d5ee70;
  27. }
  29. #liste li:nth-of-type(4)[data-selected="true"] {
  30. background-color:#ff9797;
  31. }


 
Le javascript

Code :
  1. var lesli=document.getElementById('liste').getElementsByTagName('li');
  3. for(var i=0;i<lesli.length;i++)
  4. {
  5.  if(lesli[i].dataset.selected=="true" )
  6.   document.getElementById('ladiv').firstElementChild.style.backgroundColor=lesli[i].style.backgroundColor;
  7. }


 
A priori, ça devrait aller mais ça ne marche pas...
 
Alors pour vérifier, j'ai fait ça en plus dans le if :

Code :
  1. lesli[i].style.backgroundColor="blue";
  2. 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
Reply

Marsh Posté le 04-07-2014 à 23:39:20   

Reply

Marsh Posté le 05-07-2014 à 01:21:43    

Au lieu de backgroundColor, ne serait-ce pas background-color avec un tiret ?

Reply

Marsh Posté le 05-07-2014 à 21:42:40    

Pas en JavaScript : tout ce qui en CSS comporte un tiret va s'écrire en camelCase quand on y accède de cette manière
 
http://docs.webplatform.org/wiki/css/concepts/cssom

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed