javascript - 如何将onclick属性设置为动态生成的输入框

Question

最初，我有一个表，其中包含一定数量的行和一些包含input带有单击事件处理程序的控件的列。

当我将行动态添加到表中时，如何将 onclick 属性设置为input动态生成的行的控件？

Answer 1

你应该使用这样的东西：

var input = document.createElement('input');
input.type = 'button';
cell.appendChild(input);
input.onclick = function () {
   alert('Clicked!');
};

这是jsfiddle中的一个示例。

Answer 2

假设

1. 你正在使用 jquery

2. 在某些条件下，一些 jquery 块正在添加更多元素。

jquerylive和更好的on功能可以帮助您。

$('input.yourClass').live('click', function(e) {
  // your code
});

或者

$(document).on('click', 'yourClass', function(e) {
// your code
});

应该做的伎俩。

如果您不使用 jquery，生活可能会有点困难！

Answer 3

您可以使用以下代码获取文档中的所有输入元素并对其进行操作：

for (a in each=document.getElementsByTagName('input')) { 
console.log(each[a])
) }