chrome扩展用于循环添加事件监听器不起作用

Question

我正在开发Chrome扩展程序。在我的扩展中，有一个由服务器生成的许多按钮组成的弹出窗口。我想要实现的是，当我点击按钮时，按钮将被删除。以下是我的代码：

 var obj=document.getElementsByTagName('input');
for (i = 0; i <obj.length; i++){
obj[i].addEventListener('click', function()
{
    obj[i].remove();
});
}

问题是当我点击按钮时它不起作用。

在弹出式html的控制台中。当我输入以下代码时：

var obj=document.getElementsByTagName('input');
obj[3].addEventListener('click', function(){obj[3].remove();});

单击第4个按钮时可以正常工作。 为什么我不能使用for循环添加eventlistener？