通过 “执行JS脚本“ 指令操作“iframe“内dom元素，支持同域操作

RPA自动化机器人

于 2023-07-05 13:49:46 发布

阅读量905

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/wgz1264924388/article/details/131553991

版权

该文介绍了如何使用JavaScript获取并操作iframe内的元素，包括通过id获取元素、处理iframe加载事件以及常见的DOM操作方法。同时提供了不同标签的获取方式，如getElementById、getElementsByClassName和getElementsByTagName。

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

以下为完整代码及代码注释
💡 Tips：建议在本地代码编辑软件编写好之后复制进影刀“执行JS脚本”指令的函数中

const iframe = document.getElementById('my-iframe');  //my-iframe为当前需要操作的iframe的id名
//获取iframe的窗口对象
const iframeWindow = iframe.contentWindow;
// 获取iframe的dom对象
const iframeDocument = iframeWindow.document;
//从iframe中获取一个元素
const element = iframeDocument.getElementById('my-button'); //my-button为当前需要操作的元素id
//接下来就可以通过element对元素节点进行操作啦！

执行JS脚本指令截图

其他小提示
1.本地测试的话需要通过“iframe.onload”等待iframe页面加载完成哦，否则不能获取到iframe内元素节点

const iframe = document.getElementById('my-iframe');
iframe.onload = function () {
  // 写入代码块
}

2.根据不同的标签可以选择不同方法进行获取节点，以下为几个常用方法：

最低0.47元/天解锁文章