更改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中图像的元素样式

回答

相关问题