div vide n'est pas reconnu en javascript

Question

Je crée un div vide dans le DOM javascript. mais quand j'appelle une fonction dessus, par exemple,

var hover = document.createElement("div"); 
    hover.className = "hover"; 
    overlay.appendChild(hover); 
    hover.onClick = alert("hi"); 

la fonction onClick ne fonctionne pas. Au lieu de cela, il affiche une alerte dès qu'il atteint la partie de création div du script. Qu'est-ce que je fais mal?

Answer 1

Essayez addEventHandler & attachEvent joindre l'événement à un élément:

if (hover.addEventListener) 
{ 
    // addEventHandler Sample : 
    hover.addEventListener('click',function() { 
     alert("hi"); 
    },false); 
} 
else if (hover.attachEvent) 
{ 
    // attachEvent sample : 
    hover.attachEvent('onclick',function() { 
     alert("hi"); 
    }); 
} 
else 
{ 
    hover.onclick = function() { alert("hi"); }; 
} 

Answer 2

Vous devez mettre le onclick dans une fonction, quelque chose comme ceci:

hover.onclick = function() { 
    alert('hi!'); 
} 

Answer 3

Le nom de la propriété est "onclick" non " sur clic". JavaScript est sensible à la casse.

Il prend également une fonction. La valeur de retour de alert (someString) n'est pas une fonction.