jquery取父页面-jquery/js获取iframe父子窗口元素

iframe 经常用于后端工作jquery取父页面,因此必须了解如何互操作获取元素。 记录下来,这些都已验证~~

JS获取父窗口中iframe中的元素。 这些技能比较简单jquery取父页面,就是利用获取元素的方式

获取 iframe 的窗口 – ocument.getElementById(“ifrId”).contentWindow


document.getElementById("iframe的id").contentWindow.document.getElementById("iframe中的元素id");  	
 
var ifmEle = document.getElementById("ifrId").contentWindow.document.getElementById("child"); 

这必须使用 iframe 的名称

获取 iframe 的窗口 – window.frames["ifrName"]


var ifmEle  = window.frames["ifrName"].document.getElementById("child");

在子窗口中获取父窗口中的元素window.parent即可获取父窗口的窗口


window.parent.document.getElementById('parent');

jquery获取父窗口iframe中的元素

// $("#ifrId").contents();获取iframe的jquery文档级元素,相当于$(document)
$("#ifrId").contents().find("#child")

在子窗口中获取父窗口中的元素


$('#parent', parent.document).html()