JavaScript/jQuery で iframe のコンテンツにアクセスするにはどうすればいいですか? 質問する

JavaScript/jQuery で iframe のコンテンツにアクセスするにはどうすればいいですか? 質問する

jQuery を使用して iframe 内の HTML を操作したいと思います。

jQuery 関数のコンテキストを iframe のドキュメントに設定することで、これを実現できると思いました。たとえば、次のようになります。

$(function(){ //document ready
    $('some selector', frames['nameOfMyIframe'].document).doStuff()
});

しかし、これはうまくいかないようです。少し調べてみると、 iframe が読み込まれるまでしばらく待たframes['nameOfMyIframe']ないundefined限り、変数はアクセスできないことがわかります。ただし、iframe が読み込まれると、変数にアクセスできなくなります ( permission denied-type エラーが発生します)。

これを回避する方法を誰か知っていますか?

ベストアンサー1

が同じドメインの場合<iframe>、要素は次のように簡単にアクセスできます。

$("#iFrame").contents().find("#someDiv").removeClass("hidden");

詳細はjQuery.contents()メソッドそして「jQuery で iframe にアクセスする方法」

おすすめ記事