JQuery获取Iframe中的元素

最近在开发时遇到使用了Iframe的情况,在一个父窗口里使用了Iframe,之后又想在父窗口中使用JQuery来获得Iframe里的元素,之前有使用过,久没使用就忘了,今日记录下来。

使用JQuery在父窗口中获取Iframe中的元素:

格式:

$("#iframe的id").contents().find("#iframe中控件的id").事件();  // 方式1  
$("#iframe中控件的id",document.frames("iframe的name").document).事情();  // 方式2

事例:

$("#iframeId").contents().find("#div01").click();  // 方式1
$("#div01",document.frames("iframeId").document).click();  // 方式2

使用JS在父窗口中获取Iframe中的元素:

格式:

window.frames["iframe中的name值"].document.getElementById("iframe中控件的id").事件();

事例:

window.frames["iframeName"].document.getElementById("div01").click();

使用JQuery在Iframe中获取父窗口的元素

格式:

$('#父窗口中元素的id', parent.document).事件(); 

事例:

$('#div01', parent.document).click(); 

使用JS在Iframe中获取父窗口的元素

格式:

window.parent.document.getElementById("父窗口中元素的id").事件(); 

事例:

window.parent.document.getElementById("div01").click();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容