博客

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

$.(‘#objld’, parent.document);

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

$(“#objid”,document.iframes(‘iframe’).document)或$(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;