教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 jquery获取iframe中的dom对象的方法分享

jquery获取iframe中的dom对象的方法分享

发布时间:2014-12-26   编辑:jiaochengji.com
本文介绍下,用jquery获取iframe中dom对象的方法,有需要的朋友参考下。

在父窗口中操作iframe:
 

复制代码 代码示例:
$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild

在子窗口中操作父窗口:
 

复制代码 代码示例:
$(window.parent.document)

获取iframe内的dom。

获取iframe内的dom对象的两种方法
方法1,

复制代码 代码示例:
$(window.frames["iframeChild"].document).find("#child")
 

方法2,

复制代码 代码示例:
$("#child",window.frames["iframeChild"].document)

另外,
1,在父窗口中操作,选中IFRAME中的所有单选按钮
 

复制代码 代码示例:
$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");

2,在IFRAME中操作,选中父窗口中的所有单选按钮
 

复制代码 代码示例:
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

您可能感兴趣的文章:
js判断当前页面是否被iframe引用的方法
jquery获取iframe中的dom对象(两种方法)
jquery获取iframe中的dom对象的方法分享
Jquery中获取iframe的代码
jQuery对象与DOM对象之间的转换方法
JQUERY 对象与DOM对象之两者相互间的转换
jQuery对象和DOM对象使用说明
jQuery对象和Javascript对象之间转换的实例代码
如何用Jquery判断iframe中元素是否存在
jQuery学习笔记[1] jQuery中的DOM操作

[关闭]
~ ~