父窗口和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.最好的方法是设置操作元素的方法,然后直接用获取到的父窗口对象或者子窗口对象来调用相应的方法以达到操作元素的目的

原文地址:https://www.cnblogs.com/gaoBlog/p/11903930.html