Javascript 向Chrome扩展中的按钮添加单击事件

我想将click事件添加到button元素中，我通过运行executeScript函数在chrome.tabs.onUpdate事件函数中动态添加了该元素

chrome.tabs.onUpdated.addListener(() => {
  chrome.tabs.executeScript(null, {file: "execute.js" });
})

我向动态添加的button元素添加了一个click事件函数，该代码位于execute.js文件中，但它不起作用

var btnComment=document.createElement('button');
btnComment.addEventListener('click',function(){
  console.log('btnComment worked')
});

---

我使用background.html页面请求background.js文件。如何实现此功能？

不幸的是，由于缺少有关程序外观的上下文，我无法给出100%肯定的答案。但是，我认为问题在于，您需要首先使用DOM专门选择元素

试一试

有关文档对象模型的更多信息，请参见：

---

编辑：拼写

不幸的是，由于缺少程序外观的上下文，我无法给出100%肯定的答案。但是，我认为问题在于，您需要首先使用DOM专门选择元素

试一试

有关文档对象模型的更多信息，请参见：

---

编辑：拼写你的backround.html有这个吗

请注意，您在execute.js中创建了按钮，但html使用background.js，因此在background.js文件中，您需要：

function onButtonClicked (){
  console.log('btnComment worked');
}

document.getElementById('button').addEventListener('click', onButtonClicked());

---

顺便说一句，我还在学习google chrome扩展。

你的backround.html有这个吗

请注意，您在execute.js中创建了按钮，但html使用background.js，因此在background.js文件中，您需要：

function onButtonClicked (){
  console.log('btnComment worked');
}

document.getElementById('button').addEventListener('click', onButtonClicked());

顺便说一句，我还在学习谷歌浏览器的扩展