使用jquery/js獲取iframe父子級、同級獲取元素的方法
在web開發(fā)中,經(jīng)常會用到iframe,難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素
js
在父窗口中獲取iframe中的元素
1、
格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
實例:window.frames["ifm"].document.getElementById("btnOk").click();
2、
格式:
var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click();
實例:
var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click();
在iframe中獲取父窗口的元素
格式:window.parent.document.getElementById("父窗口的元素ID").click();
實例:window.parent.document.getElementById("btnOk").click();
jquery
在父窗口中獲取iframe中的元素
1、
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
實例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2、
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
實例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
在iframe中獲取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
實例:$('#btnOk', parent.document).click();
以上這篇使用jquery/js獲取iframe父子級、同級獲取元素的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jQuery Chart圖表制作組件Highcharts用法詳解
這篇文章主要介紹了jQuery Chart圖表制作組件Highcharts用法,詳細分析了Highcharts插件的功能與具體使用技巧及相關注意事項,需要的朋友可以參考下2016-06-06使用jQuery實現(xiàn)一個類似GridView的編輯,更新,取消和刪除的功能
在項目中遇到這樣的需求當用戶點擊編輯時,在點擊行下動態(tài)產生一行,編輯銨鈕變?yōu)閐isabled,新產生的一行有更新和取消的銨鈕,點擊“取消”銨鈕,刪除剛剛動態(tài)產生的行,編輯銨鈕狀態(tài)恢復。下面小編給大家分享實例代碼,一起看看吧2017-03-03jquery cookie實現(xiàn)的簡單換膚功能適合小網(wǎng)站
使用jquery cookie做了一個簡單的換膚功能適合小網(wǎng)站并且代碼低級,具體實現(xiàn)過程如下,感興趣的朋友可以了解下2013-08-08ie8模式下click無反應點擊option無反應的解決方法
點擊select里面的option,將其賦值到上面的input,直接用jQuery寫的,問題是在用IE8打開的時候,點擊option沒有任何反應2014-10-10