在IFrame中查找IFRAME中的元素的方式
生活随笔
收集整理的這篇文章主要介紹了
在IFrame中查找IFRAME中的元素的方式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
下面是內(nèi)部iframe找外部mainFrame的情況
var?websiteSearchButton?=?window.parent.parent.document.getElementById('mainFrame')
?????.contentWindow.document.getElementById("webresource-search-button");?
iframe中
1、子頁面找符頁面中的元素
$(window.parent.document).find(id);
2、父頁面--->子頁面中的
$(id).contents().find(元素id).find(元素id);
3、子頁面--->爺爺界別的頁面
$(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")???? :表示在一個iframe中找最頂層中的document,然后在找最外層的document中的eWebEditor2的這個元素(上例子表示的是一個iframe),
2、jQuery(window.top.document.getElementById("eWebEditor2"))??? 表示把eWebEditor2這個iframe轉(zhuǎn)成jQuery對象
3、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0)?? 表示取到第一個元素
4、.contents().find("#eWebEditor")??? 表示取eWebEditor2這個iframe中eWebEditor這個元素(這里這個元素表示的又是一個iframe)
5、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents()??? 表示eWebEditor這個iframe中的內(nèi)容
6、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body")?? 表示取到eWebEditor這個內(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、子頁面找符頁面中的元素
$(window.parent.document).find(id);
2、父頁面--->子頁面中的
$(id).contents().find(元素id).find(元素id);
3、子頁面--->爺爺界別的頁面
$(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")???? :表示在一個iframe中找最頂層中的document,然后在找最外層的document中的eWebEditor2的這個元素(上例子表示的是一個iframe),
2、jQuery(window.top.document.getElementById("eWebEditor2"))??? 表示把eWebEditor2這個iframe轉(zhuǎn)成jQuery對象
3、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0)?? 表示取到第一個元素
4、.contents().find("#eWebEditor")??? 表示取eWebEditor2這個iframe中eWebEditor這個元素(這里這個元素表示的又是一個iframe)
5、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents()??? 表示eWebEditor這個iframe中的內(nèi)容
6、jQuery(window.top.document.getElementById("eWebEditor2")).eq(0).contents().find("#eWebEditor").contents().find("body")?? 表示取到eWebEditor這個內(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中的元素的方式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 中国特色白酒品牌——上海贵酒?
- 下一篇: 黄瓜炒鸡蛋怎么做口感清香脆爽?