Js获取iframe中的元素

最新推荐文章于 2024-02-26 16:36:39 发布

原创最新推荐文章于 2024-02-26 16:36:39 发布 · 8.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#html #js #iframe

Html 专栏收录该内容

1 篇文章

订阅专栏

1. iframe中不存在name和id的方法

 var iframe = document.getElementsByTagName('iframe')[0].contentWindow
 iframe.document.querySelector("#元素")

2. iframe中存在name或者id

var iframe = document.getElementById('iframeId')
iframe.querySelector("#元素")

3. 子窗口获取父窗口的元素

var iframe = window.parent.document.getElementById('iframeId')
iframe.querySelector("#元素")

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

让程序飞

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

获取iframe内部的DOM元素方式（跨域与不跨域）

jxnd123456的博客

11-30

7129

这里使用contentDocument属性来获取iframe的document对象。由于contentDocument在某些浏览器中可能不被支持，所以使用||操作符来兼容，当contentDocument不可用时，使用contentWindow.document来获取

iframe框架\JS获取iframe元素

12-08

iframe框架\JS获取iframe元素

2 条评论您还未登录，请先登录后发表或查看评论

JS获取并操作iframe中元素的方法

12-09

JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)：代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)：代码如下: document.frames[‘iframe的name’].document.getElementById(‘元素的ID’); 以上方法，不仅对iframe适用，对frameset里的frame也同样适用。IE虽然擅于自定标准，但不得不说它很多的设计还是比较体现人性化的。比如这个，它在同样支持下面的标准路

js 获取 iframe 页面元素

Goaread的博客

12-19

2万+

操作 iframe 必须掌握的父子页面关系及常用的操作方法，理解其中的联系。 <iframe id="myframe" src='<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>' height="100%" width="100%"></iframe> 通过父页面操作子页面获取 iframe 页面中的元素操作 javascript jquery

Js/Jquery获取iframe中的元素

skysky_1989的博客

11-23

1141

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 js 在父窗口中获取iframe中的元素 1. 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.fr...

js 获取 iframe 内的元素

zmjのblog

05-30

5235

今天在写爬虫的时候，用选择器的时候发现选择不到元素。。后来才发现这是iframe内的元素，因为iframe包裹的内容相当于另一个页面了，所以用当前页面的document是选不到的选取方法 // 1. 先选择iframe var iframe = document.querySelector('#iframe_id').contentWindow // 2. 选择iframe内的元素 var e...

javascript 获取iframe里页面中元素值的方法

12-10

IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

使用jquery/js获取iframe父子级、同级获取元素的方法

10-21

2. iframe的name和id属性：在进行iframe元素的获取时，使用name或id属性是很有用的。name属性允许在父窗口中通过window.frames数组访问iframe，而id属性则可以在iframe内部使用window.parent.document....

原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

10-21

iframe元素中的内容对于外部页面来说是隔离的，有自己的DOM树和执行上下文。因此，直接操作iframe内部的DOM元素是不可能的，除非通过特定的JavaScript代码来实现。在父页面中获取iframe内部的DOM元素可以通过以下...

Jquery Javascript 取得iframe中元素的几种方法