'contentWindow' of nullのエラーはloadイベントのタイミングを見直す

web制作

jsでHTMLファイルのiframe内のDOM操作をする際、contentWindowを使います。

ただ、ソースを作っていると、こんなエラーが出ることも。

Cannot read property 'contentWindow' of null

これは、iframeの読込が終わる前にjsが実行されており、「まだページに存在していないもの」を読込はできないので、エラーが吐き出されています。

なので、iframeの読込、つまりwindowの読込が終わってから実施すればいいので、



window.onload = function() {
  // contentWindowを使ったiframeの処理
}

という感じで、jsファイルを作ります。

これで、普通に動いてくれるはずです!(たぶん)

最後に一言

今時、あまりiframeを使うこともないと思いますが……

この記事をSNSでシェアする?

'contentWindow' of nullのエラーはloadイベントのタイミングを見直す


  • 0
    このエントリーをはてなブックマークに追加
  • Pocket

PROFILE

yoshi

KIYOTATSU(キヨタツ)を運営しているウェブ制作者のYoshiです。得意な分野はディレクションとコーディングです。デザインはシンプルなものだけ可能です。他、色々と随時習得中です。