だれかのなにかに役立てるウェブ制作者YoTaの趣味ブログ

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

jsでHTMLファイルのiframe内のDOM操作をする際、contentWindowを使いますが、「Cannot read property 'contentWindow' of null」というエラーが出る時があります。

これはiframeの読込、つまりwindowの読込が終わってから実施するようにすれば、解決します。

エラー文

jsでHTMLファイルのiframe内のDOM操作をする際、ソースを作っていると、こんなエラーが出ることがあります。

Cannot read property 'contentWindow' of null

解決方法

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

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

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

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

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

ページ上部に戻る