如何在HTML按钮中有一个静态onclick参数

How to have a static onclick parameter in HTML button?

本文关键字：有一个 静态 onclick 参数 按钮 HTML      更新时间：2023-09-26

如何在Javascript中动态创建HTML按钮，当用户点击它们时，它们会调用相同的函数，但使用不同的参数。例如：

function a(param){console.log(param);};
for (int i = 0; i < 10; i++)
{
   button = document.createElement('button');
   button.onclick = <place a function that when button is clicked, calls function a with parameter i>;
}

有人能给我一个线索吗？

调用a函数：

button.setAttribute('data-param', i);
button.onclick = function () {a(this.getAttribute('data-param'));};

jsFiddle：http://jsfiddle.net/systemovich/asw3myqg/1/

function b(param){
    var myParam = param;
    return function a() {
         console.log(myParam);
    }
}
for (int i = 0; i < 10; i++)
{
   button = document.createElement('button');
   button.onclick = b(i);
}
相关文章：