Question

我正在尝试为我的Chrome扩展程序创建一个选项页面。我完全按照本教程：https://developer.chrome.com/extensions/options.html

现在按“保存”按钮时没有做任何事情。我检查了代码并返回Uncaught TypeError: Cannot call method 'addEventListener' of null 在该行：document.querySelector('#save').addEventListener('click', save_options);

Answer 1

我遇到了这个问题，感谢@ apsillers的评论，我已经解决了我的问题。

在Chrome扩展程序教程中，JavaScript <script>标记位于<head>，结果为TypeError。

<强>解决方案

将<script>标记中的<head>移至<body>。

示例：

更改

<!doctype html> <html> <head> <script src="popup.js"></script> </head> <body> <div id="status"></div> <img id="image-result" hidden> </body> </html>

以：

<!doctype html> <html> <head> </head> <body> <div id="status"></div> <img id="image-result" hidden> <script src="popup.js"></script> </body> </html>

Chrome扩展程序选项页面'addEventListener'错误

1 个答案: