JQ/JS 父页面获取iframe子窗口的元素

无论是原生的js还是jquery，我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。

一、原生JS进行父页面获取iframe子窗口的元素

方法1：用document.getElementById('iframeId').contentWindow获取iframe子窗口的元素。

document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id')

方法2：用window.frames[“ifrName”]获取iframe子窗口的元素，必须用到iframe的name。

window.frames["iframeName"].document.getElementsByClassName('iframe子页面ID')

 不过我们写代码应该用onload事件在iframe加载完毕以后进行操作如下。

document.getElementById('iframeId').onload=function(){  
           
    document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id')

} 

二、Jquery进行父页面获取iframe子窗口的元素

也是在iframe加载完毕以后才能进行相应的操作，方法是用$("#iframeId").contents().find("#childId")

$(function(){
	$("#iframeId").contents().find("#childId").css("color","red")
})