iframe页面和父页面之间元素查找的方法

1.从父页面中查找iframe子页面中对象的方法：
JS:

document.getElementById('iframe').contentWindow //查找iframe加载的页面的window对象  
document.getElementById('iframe').contentWindow.document //查找iframe加载的页面的document对象  
document.getElementById('iframe').contentWindow.document.body //查找iframe加载的页面的body对象  
document.getElementById('iframe').contentWindow.document.getElementById('icontent') //查找iframe加载的页面的id为icontent的对象 

jQuery:

$('#iframe').contents() //查找iframe加载的页面的document对象  
$('#iframe').contents().find('body') //查找iframe加载的页面的body对象  
$('#iframe').contents().find('body').find('#icontent') //查找iframe加载的页面的id为icontent的对象

2.从iframe中查找父页面中对象的方法：

JS: 

[window.]parent //查找父页面的window对象  
[window.]parent.document //查找父页面的document对象  
[window.]parent.document.body //查找父页面的body对象  
[window.]parent.document.getElementById('button') //查找父页面中id为button的对象  

jQuery:

$([window.]parent) //查找父页面的window对象  
$([window.]parent.document) //查找父页面的document对象  
$([window.]parent.document.body) //查找父页面的body对象  
$([window.]parent.document.body).find('#button') //查找父页面中id为button的对象  

 

转载于:https://www.cnblogs.com/kelly007/p/5072087.html