javascript - 如何从 iframe 访问文档中的 <img/>?

标签 javascript jquery html css iframe

enter image description here我有一个 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%;}

最佳答案

尝试

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

.css()

.find()

.contents()

关于javascript - 如何从 iframe 访问文档中的 <img/>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22952985/

相关文章:

javascript - 防止解雇通知 - Cordova

javascript - 使用正则表达式格式化为 JSON

javascript - 检测和修复 JavaScript 中的循环引用

javascript - 在 Flutter 的 html 文件中使用 js 文件

html - 如何去除图像周围的边框?

javascript - Angular JS - NG-Repeat with filters and groupBy

jquery - 如何使用jquery应用单选按钮上的更改事件

javascript - OneSignal 自定义提示设置和通知按钮

javascript - 类型错误 :$. ajax 不是一个函数——点击 spring boot @controller 页面的问题

JavaScript - 将事件监听器添加到对象数组