请知悉：本文最近一次更新为 2个月 前，文中内容可能已经过时。
要控制 iframe 中的元素，首先需要确保你能够跨域访问该 iframe。也就是说，iframe 和主页面必须在同一域（同协议、同主机、同端口），否则出于安全原因，JavaScript 并不能直接访问 iframe 的内容。
访问同域 iframe 的内容
如果 iframe 和主页面在同一域，你可以通过以下方式访问和操作 iframe 里的元素：
获取 iframe 的内容：
// 获取 iframe 元素
var iframe = $('#your-iframe-id')[0]; // 替换为你的 iframe 的 ID 或其他选择器
// 访问 iframe 的内容
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document; // 不同浏览器处理方式选择和操作 iframe 中的元素：
// 使用 jQuery 选择器选择 iframe 中的元素
$(iframeDocument).find('selector').doSomething(); // 替换 selector 和 doSomething
// 例如，假设我们想获取 class 为 'example' 的元素
var exampleElements = $(iframeDocument).find('.example');
// 遍历这些元素并执行操作
exampleElements.each(function() {
// 对每个元素进行操作，比如添加点击事件
$(this).on('click', function() {
console.log('Iframe中的元素被点击！');
});
});
参考资料
答案来自GPT，已验证。
如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。
尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。
留言