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

故事扮演 提交于 2019-11-30 17:12:10

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

1、JS


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

window.parent.父页面方法;


2、JQUERY


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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!