父窗口和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.最好的方法是設置操作元素的方法，然后直接用獲取到的父窗口對象或者子窗口對象來調用相應的方法以達到操作元素的目的