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

昨天做项目的时候,需要在一个子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

猜你喜欢

转载自blog.csdn.net/qq_39643614/article/details/79725833