首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >获得同级iframe页面的指定ID元素的几种实现方法

获得同级iframe页面的指定ID元素的几种实现方法

作者头像
阿豪聊干货
发布2018-08-09 14:50:11
发布2018-08-09 14:50:11
2.6K0
举报
文章被收录于专栏:Java后端技术Java后端技术

1.JS实现:

代码语言:javascript
复制
  var object= window.parent.frames("要获得的iframe的name").contentDocument.getElementById("元素id");

2.jquery实现:

代码语言:javascript
复制
  var object =$( "元素id", window.parent.frames("iframe的name").contentDocument);

iframe获得父页面指定id的元素的方法:

代码语言:javascript
复制
  var object = $("元素id", window.parent.document);

父页面获得iframe子页面里指定id元素的方法:

代码语言:javascript
复制
  var object = $(this).contents().find("元素id");

注:window.frames("iframe的name")、document.frames("iframe的name")和window.frames["iframe的name"]、document.frames[""iframe的name"]的区别

  1.第一个和第三个具有浏览器的兼容性,第二个和第四个只有在IE和Opera浏览器支持,而别的不支持。

  2.第一个和第二个得到的是window对象,而第三个和第四个得到的是HTMLIframeElement对象。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-04-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档