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

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

演示here

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

如何在javascript中动态创建按钮上调用onclick函数

4 个答案:

演示here