[Résolu] Changement de couleur en javascript

bonjour tout le monde, je souhaiterais chez la couleur du background d'une div lorsque l'evenement est réalisé.

je m'explique, je dois faire le drag an drop d'un logo dans un carré, je dois afficher tout les evenements qui interviennent dans des petits carrés (div2) lorsque un evenement est declenché
le BG de cette petite div doit changer comme allumer une lampe rouge.
voici ce que j'ai ecris mais ça ne marche pas, merci pour votre aide par avance

function drag(ev)
{
ev.dataTransfer.setData("text",ev.target.id); // setData : defini l'objet a transferer
document.getElementById("element").innerHTML = "  ondragstart";
document.getElementById("element").bgColor = "yellow";
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("text"); // récupere l'objet a transferer 
ev.target.appendChild(document.getElementById(data));
document.getElementById("element").bgColor = "yellow";

}

div id="div1" ondrop="drop(event)" ondragleave="leave(event)" ondragover="allowDrop(event)" ondragenter="enter(event)" ondragend="end(event)"></div>
<br>
<img id="drag1" src ="image/logo.png" draggable="true" ondragstart="drag(event)" width="336" height="69">
<div id="div2" <p>onDrop<span id="element"></span></p></div>

Modifié par lazhar (17 Jul 2013 - 11:35)

merci moust, je l'avais essayé comme ça, comme le code "backgroundColor" restait noir je pensais qu'il n'etait pas reconnu, je viens de tester visiblement ça marche

merci pour ton aide !!