iframe父页面与子页面之间的元素获取与方法调用

iframe父页面与子页面之间的元素获取与方法调用

JS

 父页面调用子页面子页面调用父页面 元素window.frames[iframe的name属性值];① window.parent.document.getElementById("父页面元素ID"); ③window.parent.document.getElementsByClassName("父页面元素类名")[i]; 方法① document.getElementById("子页面元素ID").contentWindow.子页面方法名; ③ document.getElementsByClassName("子页面元素类名")[i].contentWindow.子页面方法名;window.parent.父页面方法;

 

JQuery

 父页面调用子页面子页面调用父页面 元素$(iframe选择器).contents().find(iframe中元素选择器)① $(父页面元素选择器, window.parent.document);
② window.parent.$(父页面元素选择器)window.parent.父页面方法; 方法$(iframe选择器)[0].contentWindow.子页面方法名window.parent.父页面方法;