我想使用chrome扩展名更改html元素的背景颜色,但是我一直收到错误
未捕获的TypeError:无法读取null的属性“样式”
我知道查询选择器是正确的,因为我从Google inspect元素get js路径复制了它。谁能帮助我找出问题所在。
这是我的代码:
inject.js
chrome.extension.sendMessage({}, function(response) {
var readyStateCheckInterval = setInterval(function() {
if (document.readyState === "complete") {
clearInterval(readyStateCheckInterval);
document.querySelector("#right-column-inner > div.upcoming-events.upcoming-events-wrapper.sEventUpcoming-processed > div > div:nth-child(2)").style.backgroundColor = 'red';
}
}, 10);
});
background.js
chrome.extension.onMessage.addListener(
function(request, sender, sendResponse) {
chrome.pageAction.show(sender.tab.id);
sendResponse();
});
Manifest.json权限
"permissions": [
"activeTab",
"contentSettings",
"cookies",
"storage",
"declarativeContent"
],