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