首页 > 代码库 > iframe中 父页面和子页面查找元素的方法
iframe中 父页面和子页面查找元素的方法
从父页面中查找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的对象
从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的对象
注:[window.] 代表可加可不加。
iframe中 父页面和子页面查找元素的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。