JavaScript

JavaScriptでiframe内の要素を取得・操作するには?

JavaScriptでiframe内の要素を取得・操作するには?
いつものようにJavaScriptでHTML要素を取得しようとしたら、エラーが出ました。
なんで?と、思って、Webページのソースを見たら、iframeで作られています。
じゃあ、「.getElementsByTagName('iframe')」でiframe要素を取得して「.getElementsBy~」でアクセスすればいいじゃん?と、思ったら、これまたエラー。
これに、ある単語を書き加えると正しく動くので、その構文を書き留めておきます。

 

コードの書き方は?

iframe要素に対して「contentWindow.document」を使います。

// まずはiframe要素を取得する
iframeElement = window.document.getElementsByTagName('iframe');
 
// 取得したiframe要素の1番目から、アンカー要素を取得する
a = iframeElement[0].contentWindow.document.getElementsByTagName('a');

 

まとめ

JavaScriptでiframe内の要素を取得するには、要素に対して「contentWindow.document」を使えば良いです。
またひとつ、自動化ができて仕事がはかどります。

-JavaScript
-, , , , , , , , ,