Firefox扩展弹窗JavaScript无法运行问题求助
解决Firefox扩展Popup按钮点击背景不变化的问题
你的代码里存在一个明显的拼写错误,导致点击按钮后背景颜色无法改变:
- DOM元素的样式属性采用驼峰命名法,你写的
backgroundcolor是错误的,正确写法应为backgroundColor(注意字母C大写)
修正后的JavaScript代码如下:
document.getElementById("video").addEventListener("click", () => { document.getElementById("video").style.backgroundColor = "red"; });
此外,还可以做这些检查确保功能正常:
- 确认
manifest.json中正确配置了popup文件(比如在Manifest V3中,通过action.default_popup指定该HTML路径) - 检查
index.css是否有优先级更高的样式覆盖了按钮的背景色 - 右键点击popup页面选择「检查」,打开开发者工具查看控制台是否有其他报错,辅助排查问题
内容的提问来源于stack exchange,提问作者Youngzheimer
相关产品推荐
相关产品推荐

