您的位置:首页 > 其它

【iframe】【嵌套iframe之间获取DOM】

2018-03-28 12:36 225 查看
昨天做项目的时候,需要在一个子iframe获取到父iframe里的DOM元素。

具体结构:



这是很经典的iframe布局,现在需要获取父iframe里的DOM,具体代码:

jQuery:
$("#xx",parent.document) // xx是id号

原生js:
parent.document.getElementById("xx")


父iframe获取子iframe的DOM:

jQuery:
$("iframe").contents().find("selector")......;

(嵌套三层,或者更多时)
$('iframe').contents().find('iframe').contents().find("iframe")......

js:
window.frames["selector"].contentWindow.document
(嵌套三层,或者更多时)
window.frames[0].contentWindow.window.frames[0](......).contentWindow.document


可参考:https://www.cnblogs.com/goloving/p/7071093.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: