javascript - javascriptで動的に作成されたボタンでonclick関数を呼び出す方法

Question

var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onClick = 'alert("hi  javascript")';

ここでは、入力タイプ BUTTON を動的に作成し、ボタン クリック イベントで関数を呼び出したいと考えています。onClick();これには関数を使用しています。上記のコードでは、すべて正常に動作していますが、del.onclick希望どおりに動作していません (デモのアラートを生成するため)。

このプログラムでは jquery コードを使用していないため、jquery コードを使用しないでください。

Answer 1

onclick (すべて小文字) を無名関数に設定する

del.onclick = function(){ alert('hi javascript');};

関数は他の属性のように引用符で囲まれていないことに注意してください

Answer 2

del.onclick = function () {
    alert("hi  jaavscript");
};

small "C"inonClickを使用して関数を渡します。

デモはこちら

Answer 3

このようにしてみてください

    var del = document.createElement('input');
    del.setAttribute('type', 'button');
    del.setAttribute('name', 'delll');
    del.setAttribute('value', 'del');
    del.setAttribute('onClick', 'alert("hi  jaavscript")');

Answer 4

したがって、質問に詳細に答えるには：

del.onclick = '' は、引用符内で何かを「実行」しません。関数を実行/呼び出したい場合は、関数をパラメーターとして渡します。

すなわち

del.onclick = function() { alert('hi there!')}