引发TypeError错误:Chrome扩展程序注入无法读取null的属性“样式”

时间:2019-10-25 23:44:13

标签: javascript google-chrome-extension

我想使用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"

  ],

0 个答案:

没有答案