如何在iframe中设置图像宽度

Question

I want to set the width of image inside of iframe.

By default when an image is set inside iframe and if the image is in high resolution then the iframe will be scrollable

Answer 1

If both frames are on the same domain and there is no restriction with Same Domain Policy, you can use the following code from the "parent" frame to change an image in the "child" iframe.

Pseudo code, you need to actually edit it to match your DOM:

document.getElementById('iframe').contentDocument.getElementById('yourImageId').width = '100';

Notes: In case iframe is on a different domain, you have limited access for security reasons.

More details here https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy