jQueryを使ってiframe要素の中身にアクセスする | バシャログ。
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか？正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
jQueryでiframeの親ページからインラインフレーム内の子ページを操作する方法｜BLACKFLAG
Webページ上でiframeを使った際、インラインフレーム内に読み込むページは、 基本的にはその（子）ページ内でCSSなどそれぞれ設定することになりますが、 jQueryを使ってiframeの親ページから子ページの操作をする方法があったので メモ書き程度に紹介してみます。 jQueryでiframeの親ページから子ページを操作する方法 ◆SCRIPT $(function(){ $(window).load(function(){ $('iframe').contents().find('○○') ～ 処理 ～ ; }); }); 「.contents」を使って対象をiframeの子ページにして、 「.find」で特定要素を指定、その後に処理する内容を記述します。 例えば、iframeの子ページ内の＜p＞タグに対して、 テキスト色を「赤」にする場合は以下のように記述します。 ◆SCRIPT
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
