var a = document.querySelector("iframe")
获取到 iframe。
var b = a.contentWindow.document
获取到 iframe 里的 document。
b.getElementById("...")
就能获取到 iframe 里指定 id 的元素了。
chrome 控制台 console 演示：
图中的a指的就是上面获取到的 iframe 元素。
喜欢的点个赞❤吧！
JavaScript 技术篇-js获取iframe内的元素方法实例演示
2021-12-13
769
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JavaScript 技术篇-js获取iframe内的元素方法实例演示
目录
相关文章
|
2月前
|
监控
负载均衡
JavaScript
|
1月前
|
JavaScript
Linux
内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境，包括查看当前版本和清除旧版本；接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm（Node Version Manager）进行多版本管理，便于切换和设置默认版本。同时，提供常见问题解决方法，如权限错误处理和全局模块迁移方案，以及版本回滚操作，确保用户能够灵活应对不同需求。
112
0
0
|
1月前
|
JavaScript
Linux
内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式，无论你是初涉其中的新手还是找寻挑战的专家，总有一种方式能满足你的需求。现在，你已经是这个
181
80
80
|
2月前
|
资源调度
JavaScript
前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。
171
24
30
|
Web App开发
JavaScript
前端开发
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！
jquery取得iframe中元素的几种方法
在iframe子页面获取父页面元素
代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body元素的内容。
1144
0
0
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
206
2
2
|
8月前
|
JavaScript
前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
109
1
1
|
8月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
296
5
6
|
JavaScript
Java
测试技术
热门文章
最新文章
1
从零开始学_JavaScript_系列（一）初步概念、工具选择、简单内容输出、加载js文件
2
用js来实现那些数据结构14（树02-AVL树）
3
JavaScript中逗号运算符和this
4
js 的一些小技巧2
5
Node.app – 用于 iOS App 开发的 Node.js 解释器
6
jQuery 遍历函数 ,javascript中的each遍历
7
js 日期2015/12/22/16/45替换2015-12-22 16:45格式
8
JavaScript使用自定义事件实现简单的模块化开发
9
Lining.js - 为CSS提供 ::nth-Line 选择器功能
10
JavaScript中判断为整数的多种方式
1
深入浅出 妙用Javascript中apply、call、bind
62
2
Three.js开发秘籍：FlyControls的拖拽视角问题解决方案
136
3
Nest.js 实战 (六)：使用 Session 在不同请求间存储信息
301
4
node.js实现遍历所有文件夹里面的js文件，提取所有的url
233
5
利用Cesium和JS实现地点点聚合功能
369
6
构建高效后端服务：Node.js与Express框架的深度探索
131
7
在基于ABP框架的前端项目Vue&Element项目中采用日期格式处理，对比Moment.js和day.js的处理
110
8
AlaSQL.js：用SQL解锁JavaScript数据操作的魔法
181
9
JavaScript代码及其 Dart 对应代码
81
10
在Vue&Element前端项目中，使用FastReport + pdf.js生成并展示自定义报表
649