Site icon 时鹏亮的Blog

JavaScript/jQuery获取iframe中的元素

请知悉:本文最近一次更新为 4年 前,文中内容可能已经过时。

iframe嵌套其实已经不怎么推荐了,但是还是总结一些基本操作代码示例。

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

格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
示例:window.frames["ifm"].document.getElementById("btnOk").click();
格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
示例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();
格式:window.parent.document.getElementById("父窗口的元素ID").click();
示例:window.parent.document.getElementById("btnOk").click();

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

格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
示例:$("#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
格式:$('#父窗口中的元素ID', parent.document).click();
示例:$('#btnOk', parent.document).click();

以上代码转载自:
https://www.iteye.com/blog/java-my-life-1275205


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《JavaScript/jQuery获取iframe中的元素》相关的博文:

Exit mobile version