Javascript Chrome扩展：注入式按钮'；s onclick不起作用

第一次使用chrome扩展。现在，我有一个按钮和一个从内容脚本注入到页面的模式

添加按钮

var button1 = document.createElement("button");
button1.innerHTML = "Button";
button1.onclick = openModal;
document.querySelector('.myClass').appendChild(button1);

添加模态

var modal = document.createElement("div");
modal.classList.add('modal');
var button = document.createElement("button");
button.innerHTML = "Close";
button.onclick = closeModal;
modal.appendChild(button);
document.body.appendChild(modal);

我在类模式中定义样式，并将显示设置为“无”

内部开放式

function openModal(){
    var modal = document.querySelector('.modal');
    modal.style.display = "block";
}

以显示模式

和内部关闭模式

function closeModal(){
    var modal = document.querySelector('.modal');
    modal.style.display = "none";
}

关闭模式

---

这是我正在创建的通用格式。第一个按钮的onclick工作正常并打开模式，但第二个按钮关闭模式不工作。这里有什么问题吗？

好的，我不确定这里发生了什么，但我添加了一些额外的代码，这些代码注入了新的js代码，用于执行窗口单击事件，并将事件与模态类进行比较以关闭它。在进行这些更改之后，closeModal函数也开始启动。不完全确定这是缓存错误还是什么，但它现在可以工作了。因此，如果有人遇到类似问题，可能会尝试清除缓存并重试。

能否尝试将“无”更改为“无”@TusharShahi“无”很抱歉，忘记在代码中添加该选项。点击第二个按钮时，closeModal根本没有启动。我为test和no resultAlso添加了一个警报语句，我希望称为buttons的两个变量在不同的范围内？因为他们有相同的名字。如何在remove和add函数中访问模态。你能在问题描述中添加这些吗？@TusharShahi updated你的添加模式是一个单独的函数吗？什么时候叫？