更改iframe内图像的元素样式

Question

有没有办法使用jquery在iframe中更改img的元素样式。 iframe epubjs-iframe会在每次加载页面时更改id。我想要的是在每次加载页面时将style = heigh="98%"更改为max-height:467和width:auto。

Html-code

Answer 1

是的，如果您的iframe的src指向SAME域。

例如

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

当然，如果iframe的src位于不同的域中，由于安全原因，您将无法访问javascript中的内容。抱歉一样!!

Answer 2

不知道是否属于这种情况，但使用iframe时您可能需要克服同源政策：https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

您可以使用PostMessage进行跨框架通信。为此：

• 您需要控制主机页面和嵌入式代码
的代码
• 或使用您要嵌入的页面提供的PostMessage API

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