js 获取 iframe 内的元素

最新推荐文章于 2022-12-20 22:39:15 发布
原创 最新推荐文章于 2022-12-20 22:39:15 发布 · 5.1k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

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

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

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

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

选取方法

// 1. 先选择iframe
var iframe = document.querySelector('#iframe_id').contentWindow
// 2. 选择iframe内的元素
var ele = iframe.document.querySelector('#ele_id')
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 8836
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 957
在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 210
今天要修改编辑器插件中的元素遇到的问题 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 3943
如果 iframe 属于不同的域，则无法访问 iframe 中的元素。如果要在 JavaScript 中定位 iframe 中的元素，您需要先获取 iframe 的 DOM 元素，然后使用。此外，还需要注意，在访问 iframe 中的元素之前，必须等待 iframe 加载完成。因此，建议在 iframe 的。这是一种在不同域之间发送消息的方法，可以用来跨域访问 iframe 中的元素。在处理程序中，我们检查了消息的来源，并获取了消息中的数据。方法获取了 iframe 中的元素，并对该元素执行了一些操作。
js获取iframe中的元素
weixin_30823683的博客
11-01 90
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 2374
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.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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值