js 获取 iframe 内的元素

最新推荐文章于 2024-01-07 23:38:29 发布
最新推荐文章于 2024-01-07 23:38:29 发布
阅读量4.8k 收藏 6
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq799028706/article/details/90695276
版权

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

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

选取方法

// 1. 先选择iframe
var iframe = document.querySelector('#iframe_id').contentWindow
// 2. 选择iframe内的元素
var ele = iframe.document.querySelector('#ele_id')
zzzmj_
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取iframe中的内容
12-08
js获取iframe中的内容
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
下面小编就为大家带来一篇使用jquery/js获取iframe父子级、同级获取元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
selenium解决iframe中的元素不能选取
s_crawler的博客
08-01 520
browser.switch_to(browser.find_element_by_tag_name("iframe") 执行完上一句后在执行需要选取的目标
Js获取iframe中的元素
nbme的博客
05-20 8625
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 获取 iframe 页面元素
热门推荐
Goaread的博客
12-19 1万+
操作 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
刷网课-踩坑——jsDOM获取不到页面元素节点-iframe标签获取元素节点
Too_Soup_Soup的博客
06-26 1732
今天打算写串代码刷一下网课，遇到了写问题记录一下 代码目的：打算实现以下功能：图文自动浏览，视频结束后跳转 遇到的问题：在某通中一直获取不到元素节点。 解决：回头看了一下源码，调用了iframe标签 这不就好解决了嘛，话不多说上代码 解释一下相关的属性contentWindow 这是个只读属性，返回指定的iframe的窗口对象。它虽然不是标准的一部分，但各个主流浏览器都支持。 contentDocument Firefox 支持，IE6，IE7都不支持，IE8开始支持...
JQuery/JS获取iframe(父、子)页面元素
咏絮
07-10 1万+
var tbl = $("#Iframe").contents().find('body table.mTable'); tbl.find('tr:eq(9) td:eq(3) input').val(comment.Name); tbl.find('tr:eq(9) td:eq(5) input').val(comment.Sex);
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...
快速获取/设置iframe内对象元素的几种js实现方法
10-22
下面小编就为大家带来一篇快速获取/设置iframe内对象元素的几种js实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
javascript 获取iframe里页面中元素值的方法
10-26
在JavaScript中，获取...总结来说，JavaScript获取`iframe`内页面元素值的关键在于理解不同浏览器的差异以及同源策略的限制。通过适当的方法，我们可以有效地操作`iframe`内的DOM元素，实现页面间的交互和数据传递。
iframe框架\JS获取iframe元素
12-08
iframe框架\JS获取iframe元素
js 获取iframe内的元素
weixin_43745973的博客
12-16 2292
iframe
浏览器同源策略限制，导致无法获取跨域iframe里的元素
love_pgme的博客
10-27 2809
问题：在做文件预览的时候，需要通过api获取文件的服务器地址，然后通过iframe绑定地址，显示在页面上。这时如果需要增加打印功能，调用浏览器打印时，由于同源策略，会获取不到iframe.contentWindow。
获取Iframe中的元素
忘川
01-19 7244
使用JQuery在父窗口中获取Iframe中的元素： 格式： $("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2 事例： $("#iframeId").conte...
Js/Jquery获取iframe中的元素
lianjs
09-04 5974
Js/Jquery获取iframe中的元素 js获取iframe中的元素 1.在父窗口中获取iframe中的元素 方法1： 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById(...
在 JavaScript 中定位 iframe 中的元素
追求卓越
12-20 3435
如果 iframe 属于不同的域，则无法访问 iframe 中的元素。如果要在 JavaScript 中定位 iframe 中的元素，您需要先获取 iframe 的 DOM 元素，然后使用。此外，还需要注意，在访问 iframe 中的元素之前，必须等待 iframe 加载完成。因此，建议在 iframe 的。这是一种在不同域之间发送消息的方法，可以用来跨域访问 iframe 中的元素。在处理程序中，我们检查了消息的来源，并获取了消息中的数据。方法获取了 iframe 中的元素，并对该元素执行了一些操作。
JavaScript 技术篇-js获取iframe内的元素方法实例演示
小蓝枣的博客
04-08 1万+
var a = document.querySelector("iframe") 获取到 iframe。 var b = a.contentWindow.document 获取到 iframe 里的 document。 b.getElementById("...") 就能获取到 iframe 里指定 id 的元素了。 JavaScript 技术篇-js获取iframe内的元素方法实例演示
iframe的用法以及怎么获取iframe的元素
最新发布
m0_74641039的博客
01-07 2321
讲解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对象，进而操作其中的元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [iframe子页面与父页面元素的访问以及js变量的访问](https://blog.csdn.net/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.csdn.net/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.csdn.net/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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值