父窗口和iframe子窗口之间获取元素的方法
1,从父窗口获取子窗口
直接使用ifame的name属性值
如
<iframe src="/index2.php/searchnew/search" id="iframe1" name="iframe1"> .......
<button id="search">検索</button>
.........
</iframe>
使用iframe1 或者window.iframe1即可获得子窗口的window对象
iframe1
window.iframe1
2.从子窗口获取父窗口
直接使用子窗口对象的parent属性
parent
window.parent
3.获取到了窗口对象便可获取窗口内的元素
//jquery方法返回jquery对象
iframe1.$("#search") window.iframe1.$("#search")
//js方法返回普通DOM对象
iframe1.document.getElementById("search")
window.iframe1.document.getElementById("search")
//jquery方法返回jquery对象 parent.$("#search") window.parent.$("#search") //js方法返回普通DOM对象 parent.document.getElementById("search") window.parent.document.getElementById("search")
4.最好的方法是设置操作元素的方法,然后直接用获取到的父窗口对象或者子窗口对象来调用相应的方法以达到操作元素的目的
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步