iframe子页面获取父页面元素的方法_ifarme页面获取父页面的值-优快云博客

本文链接：https://blog.youkuaiyun.com/hongwangzhang/article/details/52485189

本文介绍了如何在iframe与其父页面之间进行元素交互的方法，包括父页面获取iframe内的元素、iframe获取父页面元素以及不同iframe间的数据交换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在iframe子页面获取父页面元素

代码如下:

$.(‘#objld’, parent.document);
在父页面获取iframe子页面的元素

代码如下:

$(“#objid”, document.iframes(‘iframe’).document)
或

代码如下:

$(document.getElementById('iframeId').contentWindow.document.body).html()$ (document.getElementById(‘iframeId’).contentWindow.document.body).html()

显示iframe中body元素的内容

代码如下:

$(“#testId”, document.frames(“iframename”).document).html()

（1）父页面获取iframe中的元素值：

Js代码
1.//根据iframe的id获取对象
2.var i1 = window.frames[‘iframeId’];
3.//var iframe =window.frames[0];也可以
4.//获取iframe中的元素值
5.var val=i1.document.getElementById(“t1”).value
//根据iframe的id获取对象
var i1 = window.frames[‘iframeId’];
//var iframe =window.frames[0];也可以
//获取iframe中的元素值
var val=i1.document.getElementById(“t1”).value

（2）在iframe中获取父页面中的元素值：

Js代码
1.var val = parent.document.getElementById(“txt1”);
var val = parent.document.getElementById(“txt1”);

（3）a包含2个iframe分别为b,c，现在从b中获取c中的元素的值：

Js代码
1.var i1 = parent.window.frames[‘iframeId’];
2.var val = i1.document.getElementById(“text1”).value;
var i1 = parent.window.frames[‘iframeId’];
var val = i1.document.getElementById(“text1”).value;