如何在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");
};

在onClick使用小"C"并为其传递函数。

在这里演示

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!')}