jQuery で iframe 内の要素にアクセス (iframe 内を書き換え)

※ このページでの jQuery は、Google AJAX Libraries API から Ver.1.4.* 系をロードしています。

iframe 内の要素を書き換える (iframe 内は同一サーバー)

例： iframe 内、class 名が classC の全要素に、任意の文字を追加

$('#iframe00').contents().find('.classC').append('<em>★デュフフ<\/em>');

id="iframe00"

iframe 内の要素を書き換える (iframe 内は別サーバー)

例： iframe 内、div タグの全要素に、任意の文字を追加

$('#iframe01').contents().find('div').append('<em>★デュフフ<\/em>');

実行すると、JavaScript のセキュリティ制限でエラー (ドメインの異なるページへのアクセスは禁止)

id="iframe01"