Button chrome扩展弹出窗口中的按钮

我正在写一个chrome扩展，我想在弹出页面中显示一些按钮，作为一些用户操作的结果（比如，在他通过弹出页面登录到我的站点之后）。 声明不会执行内联JavaScript，建议的实现方法是使用

document.addEventListener('DOMContentLoaded', function () {
 document.querySelector('#button1').addEventListener('click', clickHandler);
});

当“按钮”是popup.html中的标记时

但事情是这样的：我不希望按钮在页面加载时出现。当我尝试使用

$（“#some_div”）.append（…）

添加按钮，然后调用document.addEventListener时，document.querySelector似乎找不到追加的按钮（实际上它返回null），因为它不是原始popup.html的一部分

到目前为止，我想到的唯一解决方案是将按钮添加到popup.html中作为隐藏，并在需要时将其设置为可见

---

任何其他想法（或者，希望我都弄错了）都将受到赞赏

您可以尝试使用

var newButton=document.createElement（'button'）

创建按钮，并使用

appendChild

而不是

append

。然后您可以编写

newButton.addEventListener（'click'，clickHandler）

谢谢您的回答。我尝试了以下方法：var newButton=document.createElement（'button'）；（“某个部门”）.appendChild（纽布顿）；但是我在控制台日志上收到了错误消息：“一些div没有'appendChild'方法，好吧，我找到了。我必须使用DOM方法

document.getElementById（“popup”）.appendChild（）

，而不是

（“popup”）.appendChild（）

。谢谢。