jquery/js 获取iframe父、子窗口的元素

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_34664239/article/details/86616084

在前端工作中偶尔会用到iframe，那么，怎么相互操作，获取元素就必须得知道了，记录下，这些都是经过验证的哦~~

js

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

1. 这种方法比较通俗，用的是获取元素的方法
   获取iframe的window – ocument.getElementById(“ifrId”).contentWindow

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

2. 这个必须用到iframe的name
   获取iframe的window – window.frames[“ifrName”]

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

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

1. window.parent获取父窗口的window

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

jquery

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

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

$("#ifrId").contents().find("#child")

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

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