動的に追加されたボタン動的に追加されたボタンクリックしない

Question

JavaScriptを使用して新しいボタンを動的に作成するコードがあります。クリックするとJavaScript関数が呼び出されます。コードはFirefox、Chrome、Operaでも期待通りに機能しますが、IE 7では動作しません（IE6では気にしません）。

ボタンが作成されて表示されますが、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); 

誰もが、これはIEで動作しない理由を知っている、またはそれが動作しますので、私はこのコードを書くことができる方法についての提案を持っていますか？

ありがとうございました。 FirefoxやIEで動作します

Answer 1

あなたは、setAttributeメソッドの回避使用を試してみて、ちょうどそれらのいずれかで

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

Answer 2

は私が仕事にそれを得ているように動作する必要があること

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

OR

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

若干異なる試みです。それはまだそれをしない場合は、YUIは、あなたがこの

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

を行うことになるでイベントフレームワークは、より多くの例についてhttp://developer.yahoo.com/yui/examples/event/eventsimple.htmlを参照してくださいました。

Answer 3

jQueryを使用できる場合は、それを使用してください。これにより、DOMを簡単に操作できるだけでなく、$('#myNewButton').click(function(){//hey});

となり、正しく動作することが保証されます。

jQuery。