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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Récuperer le background d'un élément

zezette

"Allez hop, au revoir"

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

Publicité

olivthill

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

islis

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Comment récupérer le contenu d'un control défini dans un EditItemTempl	Convertir un element d'une liste en string
récupérer une information d'un site web en automatique ... aïe	Récuperer les valeurs checked en php
récuperer le value of du value of d'une variable[XSLT1.0]	Récupérer valeur d'un tableau
Background & Media queries	Wordpress, récupérer une base de donnée ?
PETITE DEMANDE : comment récupérer des données XML dans un flash	background
Plus de sujets relatifs à : Récuperer le background d'un élément

Page générée en 0.049 secondes