javascript - 将 onclick 事件分配给多个按钮

Question

我正在编写根据用户输入生成多个按钮的代码

    for(var loop = 0; loop < up.length ; loop++){
document.write('<button style="background-color:'+ up[loop] +';width:100;height:100" </button>');

}

但是我希望每个按钮都有相同的 onclick 函数，但是如果我像下面那样使用，该函数不会被执行。有什么问题，我哪里出错了？请帮忙。

document.write('<button style="background-color:'+ up[loop] +';width:100;height:100" onclick= "myfn()" </button>');

Answer 1

打字错误，您没有关闭开始标签:

 document.write('<button style="background-color:'+ up[loop] +';width:100;height:100" onclick="myfn()"></button>');

始终确保使用 W3c 标记验证服务进行验证:http://validator.w3.org

您还应该调查以不显眼的方式附加事件处理程序，内联编写处理程序并不理想。