iframe内の画像のエレメントスタイルを変更する

jqueryを使用してiframe内のimgのエレメントスタイルを変更する方法はありますか？ iframe epubjs-iframeは、すべてのページの読み込み時にIDを変更します。私がしたいのは、ページロードごとにスタイル= heigh="98%"をmax-height:467とwidth:autoに変更することです。iframe内の画像のエレメントスタイルを変更する

Html-code

出典

2016-05-29 rallesport

ここにコードを記入してください。 – BenM

私はこれをそうしない。 –

futurepressからepubjsを使用しています。そして、私がカバーページをロードするとき、カバーイメージは分割して応答しません。ですから、chromeのinspect要素を使って、の値をmax-height：467とwidth：autoに変更します。私の内部CSSからiframeに到達することができないので、私はすべての負荷でjqueryを使用し、element.styleを動作する値に変更できるかどうか疑問に思っていました。 – rallesport

はい、あなたのiframeのsrcは、同じドメインを指している場合。

例：

var iframe = $("#iframe"); // Selector to get the iframe 
$("#elemInIframe", iframe.contents()).css("color", "blue"); //Or whatever method you want

とiframeのsrcは、異なるドメインのセキュリティ上の理由によるものであればもちろん、あなたはjavascript内のコンテンツにアクセスすることはできません。同じことを申し訳ありません！

出典

2016-05-29 13:10:10

それがここの場合であれば知っているが、アイフレームを扱うときは、同一生成元ポリシーを克服する必要があるかもしれない：https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

あなたは、クロスフレーム通信のためのPostMessageを使用することができます。そうするために：

は、あなたがのPostMessageについて

詳細を埋め込みたいコードの制御の両方でホストページと埋め込まれた1つ

であるか、ページが提供するのPostMessage APIを使用する必要があります。 https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

出典

2016-05-29 13:39:20 HybridLizard

iframe内の画像のエレメントスタイルを変更する

答えて

関連する問題