JS/JQuery操作iframe元素

最新推荐文章于 2022-12-20 22:39:15 发布

讓丄帝愛伱

最新推荐文章于 2022-12-20 22:39:15 发布

阅读量195

点赞数

文章标签： js jquery dom javascript vue

本文链接：https://blog.csdn.net/ximaiyao1984/article/details/120287139

版权

JS操作iframe元素

父页面操作子页面

//获取iframe元素
var oIframe = document.getElementById('iframe1');

oIframe.contentWindow.document.body.style.color = 'red';

子页面操作父页面；

var oDiv = window.parent.document.body.children[0];
oDiv.style.color = 'red';

JQuery操作iframe

在父页面中获取iframe中的元素

$(this).contents().find("#suggestBox")
$("#mainiframe").contents().find("someID").html() 
$("#objid",document.frames('iframename').document)
$(window.frames["iframe1"].document).find("#id")
$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”);

在子页面(iframe)中查找父页面元素

$('#id', window.parent.document)
$('#objId', parent.document);
$(window.parent.document).find(”input[@type='radio']“).attr(”checked”,”true”);


// 调用父页面属性和方法
parent.method
parent.value