Chrome拡張機能を使用してコンテンツスクリプトを使用してinnerTextを変更する

Question

この問題を解決するには問題があります。

コンテンツスクリプトを使用してクロム拡張を使用してページ上のh2のテキストを変更したい拡張機能を設定していて、コンテンツスクリプト用に読み込まれているscript.jsファイルがあります。

script.js 

document.getElementById('texttochange').innerText = "CHANGED !"; 

しかし、私は常にエラーを取得：

Uncaught TypeError: Cannot set property 'innerText' of null 

は、Chrome拡張機能のために行われる必要がある余分な何かがuser.jsのuserscriptとしてロードしてインストールChromeをインストールさせる場合、これは正常に動作し、そこにありますそれは、私がそれが最小の問題だと思うのですが、私は何が欠けているのか分かりません。

manifest.json 
{ 
    "name": "Test", 
    "version": "0.1", 
    "description": "Test", 
    "icons": { "16": "icon16.png", 
      "48": "icon48.png", 
      "128": "icon128.png" }, 
    "content_scripts": [ 
    { 
     "matches": ["http://site.com"], 
     "all_frames": true 
    } 
    ] 
} 

---

私のブラウザのキャッシュをクリアしてしまったように私はコメントを追加することができませんでした。

構造は次のとおりです。ここで

<frameset> 
    <frame> 
    ... 
     <h2 id="texttochange">This should change</h2> 
    ... 
    </frame> 
</frameset> 

---

が拡張TEリンクである、それは非常に単純であり、この場合にはあるサイトomegle.comにH2を変更しようとしていますフレームセットを使用して、上からフレームのもの。

http://www.megaupload.com/?d=UO7L9W2X

感謝。

Answer 1

が、これが私のマニフェストですthis-

document.body.innerHTML = document.body.innerHTML.replace(new RegExp("texttochange", "g"),"CHANGED !"); 
document.head.innerHTML = document.head.innerHTML.replace(new RegExp("texttochange", "g"),"CHANGED !"); 

と

{ 
"name": "My First Extension", 
"version": "1.0", 
"description": "The first extension that I made.", 
"background_page": "background.html", 
"browser_action": { 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
}, 
"permissions": [ 
    "tabs", "http://*/" ] 
} 

を試してみてください。私が投稿したコードは、background.htmlにあり、chrome.tabs.onUpdatedで実行されました。スクリプト部分が何らかの理由で動作しない場合があります。

Answer 2

DOM負荷の前にスクリプトが挿入されているため、このエラーが発生していますか。したがって、変更しようとしているh2要素はまだ存在しません。 content_scriptセクションに "run_at"： "document_end"を追加するだけで動作します。

manifest.jsonを

{ 
    "name": "Test", 
    "version": "0.1", 
    "description": "Test", 
    "icons": { "16": "icon16.png", 
      "48": "icon48.png", 
      "128": "icon128.png" }, 
    "content_scripts": [ 
    { 
     "matches": ["http://site.com"], 
     "run_at": "document_end", 
     "js": ["script.js"] 
    } 
    ] 
} 

script.js

document.getElementById('h2Id').innerText = "CHANGED !";