在前端工作中偶尔会用到iframe,那么,怎么相互操作,获取元素就必须得知道了,记录下,这些都是经过验证的哦~~
js
在父窗口中获取iframe中的元素
- 这种方法比较通俗,用的是获取元素的方法
获取iframe的window – ocument.getElementById(“ifrId”).contentWindow
document.getElementById("iframe的id").contentWindow.document.getElementById("iframe中的元素id");
var ifmEle = document.getElementById("ifrId").contentWindow.document.getElementById("child");
- 这个必须用到iframe的name
获取iframe的window – window.frames[“ifrName”]
var ifmEle = window.frames["ifrName"].document.getElementById("child");
在子窗口中获取父窗口中的元素
- window.parent获取父窗口的window
window.parent.document.getElementById('parent');
jquery
在父窗口中获取iframe中的元素
// $("#ifrId").contents();获取iframe的jquery文档级元素,相当于$(document)
$("#ifrId").contents().find("#child")
在子窗口中获取父窗口中的元素
$('#parent', parent.document).html()