未捕获的TypeError：无法设置null的“textContent”属性（详细）

Question

已经搜了一吨，找不到解决方案。我正在进行镀铬扩展。这就是我所拥有的：

清单：

{
  "name": "Test",
  "description": "T",
  "version": "2.0",
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_title": "Stuff"
  },
  "manifest_version": 2
}    

Background.js：

chrome.browserAction.onClicked.addListener(function(tab) {

chrome.tabs.executeScript(null, {file: "content_script.js"});


}); 

content_script.js：

console.log(document.getElementById('DERIVED_SSTSNAV_PERSON_NAME'));
document.getElementById('DERIVED_SSTSNAV_PERSON_NAME').textContent = "test";

我正在使用的页面上的“复制元素”：

<span class="PALEVEL0PRIMARY" id="DERIVED_SSTSNAV_PERSON_NAME">John Smith</span>

因此，当我将这两个content_script.js ^代码行输入控制台时，我得到了我想要的东西。我首先得到整个＆lt; \ span class ... span＆gt;。然后.textContent吐出“约翰史密斯”。好又花花公子。

第二次我扔了我的chrome脚本。精确。相同。代码行，我得到“null”而不是＆lt; \ span class ... span＆gt;然后尝试访问.textContent会在标题中抛出错误。

到底是什么？认真。我花了几个小时重做我的清单并试图让它工作，但我可以编辑其他页面上的DOM，而不是这个。喜欢聊天并获得一些反馈。

谢谢。