更改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。當我加載封面時，封面圖片分裂並且不響應。因此，通過在鉻中使用檢查元素，我將值更改爲最大高度：467和寬度：自動。由於我不能從我的內部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

不知道這是否是這裏的情況，但藉助iframe工作時，您可能需要克服同源策略：https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

可以使用PostMessage的跨框架的溝通。要做到這一點：

你需要在代碼中兩個主頁的控制和嵌入式一個
或使用頁面提供要嵌入

更多PostMessage的的PostMessage的API： https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

來源

2016-05-29 13:39:20 HybridLizard

更改iframe中圖像的元素樣式

回答

相關問題