在父页面中获取iframe子页面元素进行相应操作

网上查了好多方法,但是在我这都不太适用,最后找到一个适用的,分享一下。

注意:iframe 子页面和父页面必须属于同一个域下

(1)父页面获取iframe子页面中的对象:

$(window.frames["iframe框架name值"].document).find("iframe中元素id");

eg:

<iframe src="a.html" frameborder="0" width="100" height="200" scrolling="no" id="myIframe"  name="iframe_con1"></iframe>

$(window.frames['iframe_con1'].document).find("#Btn");

如上,iframe_con1是iframe的name属性值,Btn是其中的一个按钮id,这样就可以获取到。

(2)iframe 子页面获取父页面的id为mask的对象:

$("#mask",parent.document);

$("#mask",parent.document).html() --------- id=mask的html内容

猜你喜欢

转载自my.oschina.net/GracefulTing/blog/1785501