js获取iframe里面的元素

最新推荐文章于 2022-12-16 16:39:08 发布
最新推荐文章于 2022-12-16 16:39:08 发布
阅读量768 收藏 2
点赞数
本文介绍了一种通过 JavaScript 的 document.querySelector 方法从特定宽度的 iframe 中获取登录名的方法。

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

直接获取不行

 

var  win2 = document.querySelector('iframe[width = "1280" ]').contentWindow;

var loginName = win2.document.querySelector('#personalInfo td').innerText;

 

这样就能够取到元素了。

querySelector() 方法
weixin_34396902的博客
03-31 3万+
返回文档中匹配指定 CSS 选择器的一个元素。 虽然IE8中没有getElementsByClassName()但可以用querySelector()代替 注意：querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。 querySelector 获取文档中 class="example" ...
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
10-21
下面小编就为大家带来一篇原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Js/Jquery获取iframe中的元素
lianjs
09-04 6082
Js/Jquery获取iframe中的元素 js获取iframe中的元素 1.在父窗口中获取iframe中的元素 方法1： 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById(...
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内的元素方法实例演示
Js获取iframe中的元素
nbme的博客
05-20 8840
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标签中的document
qq_43332570的博客
07-04 3908
需求：在父容器中获取页面中iframe标签中的div元素并改变样式 效果图如下： 实现代码 其实实现起来也特别的简单，只不过要注意等页面加载完成在去找iframe中的元素才能找到，完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
2. iframe的name和id属性：在进行iframe元素的获取时，使用name或id属性是很有用的。name属性允许在父窗口中通过window.frames数组访问iframe，而id属性则可以在iframe内部使用window.parent.document....
javascript 获取iframe里页面中元素值的方法
10-26
在JavaScript中，获取...总结来说，JavaScript获取`iframe`内页面元素值的关键在于理解不同浏览器的差异以及同源策略的限制。通过适当的方法，我们可以有效地操作`iframe`内的DOM元素，实现页面间的交互和数据传递。
js获取iframe中的window对象的实现方法
10-22
这种方法首先需要获取到`iframe`的DOM元素，然后通过`contentWindow`属性来访问其内部的`window`对象。例如： ```javascript // jQuery方式 var win = $('#ifr')[0].contentWindow; // JavaScript原生方式 ...
解决iframe同源或跨域父子页面通信的问题
weixin_64141611的博客
07-10 1780
同源情况下，直接可以获取iframe内嵌页面的dom对象 跨域情况下，可以通过父子页面传参来实现
js,jquery获取iframe内控件
ImLaoCheng的博客
07-15 396
js-iframe document.querySelector("iframe[src = 'xxx']").contentWindow.document.getElementById('xxx') jquery-easyui跨iframe属性datagrid 解决方法 (1) parent.$("iframe[title='tabtitle']").contents().find("#dg").datagrid("reload"); 这种写法有些浏览器不兼容，不起作用； (2...
js 获取iframe内的元素
weixin_43745973的博客
12-16 2376
iframe
document获取iframe_【JavaScript 教程】DOM——Document 节点
weixin_39829166的博客
11-19 1562
作者 | 阮一峰1、概述document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。只要浏览器开始载入 HTML 文档，该对象就存在了，可以直接使用。document对象有不同的办法可以获取。正常的网页，直接使用document或window.document。iframe框架里面的网页，使用iframe节点的conte...
querySelectorAll 方法相比 getElementsBy 系列方法有什么区别？
08-12 1023
1. W3C 标准 querySelectorAll 属于 W3C 中的 Selectors API 规范 [1]。而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]。 2. 浏览器兼容 querySelectorAll 已被 IE 8+、FF 3.5+、Safari 3.1+、Chrome 和 Opera 10+ 良好支持 。 getElementsBy 系
document.querySelector()方法
热门推荐
huangbaokang的博客
03-22 15万+
HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。 获取文档中id=”container”的元素 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti
获取iframe里面的数据
qq_43921510的博客
03-02 2910
let iframe = document.getElementById('ifram'); console.log('iframe By id',iframe.contentWindow.document.querySelectorAll('.page')) let allPage = iframe.contentWindow.document.querySelectorAll('.page')
获取Iframe中的元素
忘川
01-19 7404
使用JQuery在父窗口中获取Iframe中的元素： 格式： $("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2 事例： $("#iframeId").conte...
JavaScript中iframe与元素的交互技术探讨
在JavaScript中，iframe元素可以通过多种方式获取和操作。最常见的是使用`document.getElementById()`, `document.getElementsByTagName()`, `document.querySelector()` 或者其他DOM操作方法。 获取iframe元素示例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值