js动态添加input按钮并给按钮增加onclick的函数事件带参数

最新推荐文章于 2021-03-03 16:04:43 发布

皇马双枪

最新推荐文章于 2021-03-03 16:04:43 发布

阅读量2.4w

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ct637337/article/details/48711677

本文介绍如何在JavaScript中动态地向表格单元格添加带有点击事件的input按钮，并实现通过函数传递参数的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中动态给单元格增加一个input按钮，table的id=“pagelist"

var nRow = $("pagelist").insertRow("此处为第几行：如3--->第三行添加");

nRow.className = "tableContent1";

nRow.insertCell(){

innerHTML = "<input type='button' style='width=90%' value='添加'>";

onclick = new Function("arg1","arg2","return function(){emp(arg1,arg2)}")(request.getAttribute('arg1'),arg2);

}

function emp(arg1,arg2){

alert(arg1);

alert(arg2);

}

onclick事件要是带参的函数就比较复杂，需要用这种格式。

下面是在网上找的，道理差不多，但是我这种情况试了下，不好用，但还是贴出来了：

1）当方法没有参数时，赋值可以直接用onclick = 方法名

window.onload = function() {
$('btnTest').onclick = test; 
}
function test() {
alert(val);
}

2）当方法有参数时，用onclick = 方法名(参数)时就有错了，需要在方法名前面加function()

window.onload = function() {
$('btnTest').onclick= function() { test(1) }; 
}
function test(val) {
alert(val);
}