Question

我正在编写一个chrome扩展，其中我希望按钮出现在弹出页面中，这是因为某些用户的操作（比如，在他通过弹出页面登录我的网站后）。 Documentation声明内联JavaScript不会被执行，建议的实现方法是使用

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

当'button'是popup.html中的标记时。

但事情就是这样：我不希望按照提到的方式加载页面时出现按钮。当我尝试使用$("#some_div").append(<button id="button1">...<button>)添加按钮然后调用document.addEventListener时，似乎document.querySelector找不到附加按钮（实际上它返回null），因为它不是原始弹出窗口的一部分。 HTML。

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

任何其他想法（或者，希望我都错了）将不胜感激。

Answer 1

您可以尝试使用var newButton = document.createElement('button')创建按钮，然后使用appendChild代替append。然后你可以写newButton.addEventListener('click', clickHandler)。

chrome扩展弹出窗口中的按钮

1 个答案: