1

loadでイベントリスナーを仕掛けてもgetElementsByTagNameでiframeの要素を取れません。
どうすればよいでしょうか?iframeDocはグローバル変数です。

window.addEventListener('load',async function(){
 let iframeBody = document.getElementsByTagName('iframe')[0].contentDocument.body;
 
 observer.observe(iframeBody, config);
 });
5
  • console.log(document.getElementsByTagName('iframe')[0]);undefinedを出力するというのが解決したい問題ですか?試してみましたが再現できませんでした。再現可能な最小のコードを提示して下さい。 2022年7月9日 2:42
  • @ItagakiFumihiko やりたいことは、画面がロードされたときにdocument.getElementsByTagName('iframe')で、iframe要素を取得したいということです。そのためにwindow.addEventListener('load', func)をしたのですが、取得できません。console 上で、直接document.getElementsByTagName('iframe')を実行すると要素取得ができます。
    – MooN
    2022年7月9日 3:07
  • 私が書いてみたコードです。Console出力を確認してください。codepen.io/itagagaki/pen/OJvNrrP 2022年7月9日 11:03
  • iframeDoc というグローバル変数が質問文から無くなっています。 おそらく、その変数に取得した要素を代入して後から参照しようとしているのだと思います。 そうだとすると、その変数を参照するタイミングが問題かも知れません。 いずれにしろ、再現可能な短いサンプルコードの書き方を参考に、質問のコードを再現可能にしてみて下さい。
    – mjy
    2022年7月10日 8:05
  • @mjy iframe内でjsファイルが読み込まれていたので、document 自体がiframe内のdocument を指していました。なので上記のコードで存在しないiframe内のiframeを探してしている状態でした。お二人共ありがとうございました!
    – MooN
    2022年7月10日 8:40

1 件の回答 1

0

iframe内でjsファイルが読み込まれていたので、document 自体がiframe内のdocument を指していました。なので上記のコードで存在しないiframe内のiframeを探してしている状態でした。
—— コメントより

とのことです。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。