Webページ上でiframeを使った際、インラインフレーム内に読み込むページは、 基本的にはその(子)ページ内でCSSなどそれぞれ設定することになりますが、 jQueryを使ってiframeの親ページから子ページの操作をする方法があったので メモ書き程度に紹介してみます。 jQueryでiframeの親ページから子ページを操作する方法 ◆SCRIPT $(function(){ $(window).load(function(){ $('iframe').contents().find('○○') ~ 処理 ~ ; }); }); 「.contents」を使って対象をiframeの子ページにして、 「.find」で特定要素を指定、その後に処理する内容を記述します。 例えば、iframeの子ページ内の<p>タグに対して、 テキスト色を「赤」にする場合は以下のように記述します。 ◆SCRIPT
![jQueryでiframeの親ページからインラインフレーム内の子ページを操作する方法|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/c662e9771e0c7ac0df846a4838fb1480f378049f/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_jquery.png%3F20231001)