在IFrame中查找IFRAME中的元素的方式
生活随笔
收集整理的這篇文章主要介紹了
在IFrame中查找IFRAME中的元素的方式
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
下面是內(nèi)部iframe找外部mainFrame的情況
var?websiteSearchButton?=?window.parent.parent.document.getElementById('mainFrame')
?????.contentWindow.document.getElementById("webresource-search-button");?
iframe中
1、子頁(yè)面找符頁(yè)面中的元素
$(window.parent.document).find(id);
2、父頁(yè)面--->子頁(yè)面中的
$(id).contents().find(元素id).find(元素id);
3、子頁(yè)面--->爺爺界別的頁(yè)面
$(window.top.document).find(id);
例子: var?body2?=?jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body").html();
console.log(body2);
1、window.top.document.getElementById("eWebEditor2")???? :表示在一個(gè)iframe中找最頂層中的document,然后在找最外層的document中的eWebEditor2的這個(gè)元素(上例子表示的是一個(gè)iframe),
2、jQuery(window.top.document.getElementById("eWebEditor2"))??? 表示把eWebEditor2這個(gè)iframe轉(zhuǎn)成jQuery對(duì)象
3、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0)?? 表示取到第一個(gè)元素
4、.contents().find("#eWebEditor")??? 表示取eWebEditor2這個(gè)iframe中eWebEditor這個(gè)元素(這里這個(gè)元素表示的又是一個(gè)iframe)
5、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents()??? 表示eWebEditor這個(gè)iframe中的內(nèi)容
6、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body")?? 表示取到eWebEditor這個(gè)內(nèi)容中的body元素
7、最終?jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body").html();??? 表示body中的內(nèi)容
?????.contentWindow.document.getElementById("webresource-search-button");?
iframe中
1、子頁(yè)面找符頁(yè)面中的元素
$(window.parent.document).find(id);
2、父頁(yè)面--->子頁(yè)面中的
$(id).contents().find(元素id).find(元素id);
3、子頁(yè)面--->爺爺界別的頁(yè)面
$(window.top.document).find(id);
例子: var?body2?=?jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body").html();
console.log(body2);
1、window.top.document.getElementById("eWebEditor2")???? :表示在一個(gè)iframe中找最頂層中的document,然后在找最外層的document中的eWebEditor2的這個(gè)元素(上例子表示的是一個(gè)iframe),
2、jQuery(window.top.document.getElementById("eWebEditor2"))??? 表示把eWebEditor2這個(gè)iframe轉(zhuǎn)成jQuery對(duì)象
3、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0)?? 表示取到第一個(gè)元素
4、.contents().find("#eWebEditor")??? 表示取eWebEditor2這個(gè)iframe中eWebEditor這個(gè)元素(這里這個(gè)元素表示的又是一個(gè)iframe)
5、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents()??? 表示eWebEditor這個(gè)iframe中的內(nèi)容
6、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body")?? 表示取到eWebEditor這個(gè)內(nèi)容中的body元素
7、最終?jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body").html();??? 表示body中的內(nèi)容
總結(jié)
以上是生活随笔為你收集整理的在IFrame中查找IFRAME中的元素的方式的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 中国特色白酒品牌——上海贵酒?
- 下一篇: 有关uploadifive的使用经验(转