IE bouton dynamiquement ajouté n'appelant pas Cliquez sur

Question

J'ai du code qui crée dynamiquement un nouveau bouton via JavaScript qui, lorsqu'on clique dessus, appelle une fonction JavaScript. Le code fonctionne comme prévu dans Firefox, Chrome, Opera mais bas, et ça ne marche pas dans IE (7 - je ne vais même pas m'embêter avec IE6).

Le bouton est créé et apparaît, mais il n'appelle pas l'événement onclick.

var newButton = document.createElement('input'); 
newButton.setAttribute('id','btnChat_'); 
newButton.setAttribute('type','button'); 
newButton.setAttribute('onclick','askQuestion()'); 
newButton.setAttribute('value', 'Respond'); 
document.getElementById('frmChat').appendChild(newButton); 

Est-ce que quelqu'un sait pourquoi cela ne fonctionnera pas dans IE, ou une suggestion quant à la façon dont je pourrais écrire ce code afin qu'il fonctionne?

Merci.

Answer 1

Vous pouvez essayer d'éviter l'utilisation de setAttribute et juste faire

newButton.onclick = function(){ askQuestion(); }; 

Answer 2

qui fonctionnera dans Firefox, IE est un peu différent essayer

newButton.onclick = function() {askQuestion();}; 

OU

newButton.onclick = new Function('askQuestion()'); 

Cela devrait fonctionner comme je l'ai obtenu à travailler. Si cela ne fonctionne toujours le fait pas, alors YUI a un cadre d'événement dans lequel vous faire

YAHOO.util.Event.addListener(newButton,'click',askQuestion); 

Voir http://developer.yahoo.com/yui/examples/event/eventsimple.html pour plus d'exemples.

Answer 3

Si vous pouvez utiliser jQuery, utilisez-le. Non seulement cela facilitera la manipulation du DOM, mais il vous permettra simplement de dire $('#myNewButton').click(function(){//hey});

et de vous assurer que cela fonctionne.

jQuery.