js 获取 iframe 内的元素

最新推荐文章于 2022-12-20 22:39:15 发布

原创最新推荐文章于 2022-12-20 22:39:15 发布 · 5.1k 阅读

6 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

27 篇文章

订阅专栏

作者在写爬虫使用选择器时，发现无法选取元素，原因是该元素在内部，包裹内容相当于另一个页面，当前页面选择器无法选取，还提及了选取方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在写爬虫的时候，用选择器的时候发现选择不到元素。。

后来才发现这是iframe内的元素，因为iframe包裹的内容相当于另一个页面了，所以用当前页面的document是选不到的

选取方法

// 1. 先选择iframe
var iframe = document.querySelector('#iframe_id').contentWindow
// 2. 选择iframe内的元素
var ele = iframe.document.querySelector('#ele_id')

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zzzmj_

关注关注

1
点赞
踩
6

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

iframe框架\JS获取iframe元素

12-08

iframe框架\JS获取iframe元素

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

10-21

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

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

Js获取iframe中的元素

nbme的博客

05-20

8841

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.子窗口获取父窗口的元素 v...

Js/Jquery获取iframe中的元素

天外有天，人外有人。专注品质不断创新让精益求精成为习惯

12-16

959

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

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 获取iframe中的元素

weixin_33775572的博客

08-29

212

今天要修改编辑器插件中的元素遇到的问题 jquery 在父窗口中获取iframe中的元素 1.Js代码格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1 ...

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

12-09

JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)：代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)：代码如下: ...

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

12-10

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

快速获取/设置iframe内对象元素的几种js实现方法

10-22

给iframe元素设置一个name属性，并通过document.frames集合中的name属性来获取iframe元素。接着，使用相同的方式访问iframe内部的元素： ```javascript var iframeElement = document.frames['iframe的name']....

js获取iframe中的内容

12-08

js获取iframe中的内容

在 JavaScript 中定位 iframe 中的元素

追求卓越

12-20

3953

如果 iframe 属于不同的域，则无法访问 iframe 中的元素。如果要在 JavaScript 中定位 iframe 中的元素，您需要先获取 iframe 的 DOM 元素，然后使用。此外，还需要注意，在访问 iframe 中的元素之前，必须等待 iframe 加载完成。因此，建议在 iframe 的。这是一种在不同域之间发送消息的方法，可以用来跨域访问 iframe 中的元素。在处理程序中，我们检查了消息的来源，并获取了消息中的数据。方法获取了 iframe 中的元素，并对该元素执行了一些操作。

js获取iframe中的元素

weixin_30823683的博客

11-01

var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 转载于:https://www.cnblogs.com/jiefu/p/9886699.html...

js 获取iframe内的元素

weixin_43745973的博客

12-16

2377

iframe

js通过iframe对象获取iframe内部元素

08-12

通过iframe对象获取iframe内部元素的方法有多种。其中，可以使用jQuery来选中iframe，并通过contentWindow属性获取iframe内部的window对象，从而调用其中的方法。例如，使用以下代码可以获取iframe内部的元素值： $("#id").find("iframe")[0].contentWindow.func() 另外，也可以使用原生JavaScript来获取iframe对象，并通过contentWindow属性获取iframe内部的window对象。例如，使用以下代码可以获取iframe内部的元素值： var ifr = document.getElementById('mainIframe0'); var innerWindow = ifr.contentWindow; innerWindow.XXX方法还可以使用querySelector等方法来获取iframe内部的元素。例如，使用以下代码可以获取iframe内部id为btn的节点： var frame = document.getElementsByTagName("iframe")[0]; var innerDocument = frame.contentWindow.document; var btn = innerDocument.querySelector("#btn"); 总结来说，可以使用jQuery或原生JavaScript来选中iframe，并通过contentWindow属性获取iframe内部的window对象，进而操作其中的元素。123 #### 引用[.reference_title] - *1* [iframe子页面与父页面元素的访问以及js变量的访问](https://blog.youkuaiyun.com/qq_27009517/article/details/118722866)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [iframe简单使用、获取iframe 、获取iframe 元素值、iframe获取父页面的信息](https://blog.youkuaiyun.com/m0_63348818/article/details/125358251)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [js获取iframe中的对象](https://blog.youkuaiyun.com/chengjia3602/article/details/100780614)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]