Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

js

在父窗口中获取iframe中的元素

  • 方法一

格式:

window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();

实例:

window.frames["ifm"].document.getElementByIdx_x("btnOk").click();
  • 方法二

格式:

var obj=document.getElementByIdx_x("iframe的name").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("iframe中控件的ID");

ifmObj.click();

实例:

var obj=document.getElementByIdx_x("ifm").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("btnOk");

ifmObj.click();

在iframe中获取父窗口的元素

格式:

window.parent.document.getElementByIdx_x("父窗口的元素ID").click();

实例:

window.parent.document.getElementByIdx_x("btnOk").click();

jquery

在父窗口中获取iframe中的元素

  • 方法一

格式:

$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 

实例:

$("#ifm").contents().find("#btnOk").click();//jquery 方法1
  • 方法二

格式:

$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2

实例:

$("#btnOk",document.frames("ifm").document).click();//jquery 方法2

在iframe中获取父窗口的元素

格式:

$('#父窗口中的元素ID', parent.document).click();

实例:

$('#btnOk', parent.document).click();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容