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

how to call onclick function on dynamically created button in javascript

本文关键字：按钮 调用 onclick 函数 创建 JavaScript 动态      更新时间：2023-09-26
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代码。

将onclick（全部小写）设置为匿名函数

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

注意该函数不像其他属性那样用引号引起来

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

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

在这里演示

像这样尝试

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

所以详细回答这个问题：

del.onclick = '' 不会"执行"引号内的某些内容。如果要执行/调用函数，则需要将该函数作为参数传递。

即

del.onclick = function() { alert('hi there!')}
相关文章：