2012-04-21 2 views
1

Chrome拡張機能を書き込むには、Googleドキュメントからhello worldアプリケーションを使い始めました。 http://code.google.com/chrome/extensions/getstarted.htmlgoogle chrome extension - ポップアップjsファイルでdocument.bodyがヌルです

私は単純にするpopup.jsを修正:

var span = document.createElement("span"); 
span.innerHTML = "<b>blah</b>"; 
alert(document.head); 
alert(document.body); 
document.body.appendChild(span); 

私は、これが私のポップアップで「何とか」を表示することを期待しかし、私はNULLとしてdocument.body取得しています。私はjsとchromeに新しいです、そして、私はここで何が起こっているのか把握しようとしています。私は間違って何をしていますか?

答えて

0

終了スクリプトタグがエンコードされると、対応するコードが直接評価されます。

<body>はまだ存在しません(まだ)。background.jsがヘッドにロードされているため、<body>は存在しません。したがって、document.bodynullです。

+0

私はそれについて考えましたが、それでは、Googleが持っているこんにちは世界の例のためにはどうですか? http://code.google.com/chrome/extensions/examples/tutorials/getstarted/popup.js – grasaved

+0

@grasavedこの拡張機能は 'XMLHttpRequest'を初期化します。この**非同期的に**サーバからリソースを取得します。リクエストは**非同期**なので、非ブロッキングです。その結果、ページはAJAXリクエスト中にロードを継続します。要求が終了すると、関数が呼び出されます。 ''はこの時点ですでに作成されています。 –

+0

返信いただきありがとうございます。 – grasaved

関連する問題