技术饭
Jquery取得iframe中元素的几种方法
copylian
0 评论
9646 浏览
2018.11.12
在index.html里面借助jQuery访问:
$("#test").contents().find("#test").css('color','red');
此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了。
收集网上的一些示例:
用jQuery在IFRAME里取得父窗口的某个元素的值,只好用DOM方法与jquery方法结合的方式实现了
1、在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframename"].document).find("input:radio").attr("checked","true");
2、在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input:radio").attr("checked","true");
父窗口想获得iframe中的Iframe,就再加一个frames子级就行了,如:
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");
3、在子窗口中调用父窗口中的另一个子窗口的方法(FRAME):
parent.frames["Main"].Fun();
注意:建议使用[],这样比较兼容多个浏览器,() 火狐/搜狗/谷歌不兼容。
4、父级刷新子iframe
window.frames['iframename'].document.location.reload(true);
感谢你的支持,我会继续努力!
扫码打赏,感谢您的支持!
文明上网理性发言!