DOM获取页面中的iframe:
获取页面的对象其实就是DOM方法外面加上jquery的选择符:
接下来就可以继续获取iframe内的DOM了,获取iframe内的dom对象有两种方法:
1.在父窗口中操作 选中IFRAME中的所有单选按钮
2.在IFRAME中操作 选中父窗口中的所有单选按钮
1 | window.frames["iframeChild"].document //假如iframe的id为iframeChild |
2 | window.parent.document //在子窗口中操作父窗口 |
获取页面的对象其实就是DOM方法外面加上jquery的选择符:
1 | $(window.frames["iframeChild"].document)
//假如iframe的id为iframeChild |
2 | $(window.parent.document) //在子窗口中操作父窗口 |
接下来就可以继续获取iframe内的DOM了,获取iframe内的dom对象有两种方法:
1 | $(window.frames["iframeChild"].document).find("#child")
//第一种 |
2 | $("#child",window.frames["iframeChild"].document)
//第二种 |
1.在父窗口中操作 选中IFRAME中的所有单选按钮
1 | $(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true"); |
2.在IFRAME中操作 选中父窗口中的所有单选按钮
1 | $(window.parent.document).find("input[@type='radio']").attr("checked","true"); |
本文介绍了如何使用JavaScript和jQuery在父窗口与iframe间进行DOM操作的方法。包括通过window.frames和window.parent获取iframe及其父窗口的文档对象,并展示了如何选择特定元素,如单选按钮。
11万+

被折叠的 条评论
为什么被折叠?



