如何从iframe访问文档中的<img rel="nofollow noreferrer" />？

Question

在此输入图像描述我有一个iframe

<iframe src="../Images/landingpage.jpg" id="Iframe1" name="ifrmContent" class="ifrmClass">
</iframe>

我在inspector元素中发现img标签位于带有body标签的"#document"中

<html>
    <body style="margin: 0px;">
        <img style="-webkit-user-select: none;" src="../Images/landingpage.jpg">
    </body>
</html>

我需要访问这个img("landingpage.jpg")以便更改(图像很小......需要调整大小),其宽度为100%,高度为:90%

我试过用 #Iframe1>#document>html>body>img{width:100%;}

Answer 1

尝试

$("#Iframe1").contents().find("img").css({
    'width': '100%',
    'height': '90%'
});

Answer 2

你可以这样做:

$('#Iframe1').contents().find('img').css({'width':'100%','height':'90%'});

.contents()将为您提供iframe的内容并.find()找到您的图像,并.css()用于将样式应用于找到的图像.

Answer 3

非 jQuery 选项

这个问题非常类似于这一个

根据上面链接上的回答问题，您可以尝试：

var image = window.frames['Iframe1'].document.getElementByTagName('img')[0];
image.styles.width = '100%';
image.styles.height = '90%';