无论是原生的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")
})
|