如何获得iframe内部的body和其他元素

最新推荐文章于 2023-09-01 15:52:18 发布

Qssn丶

最新推荐文章于 2023-09-01 15:52:18 发布

阅读量4.5k

点赞数 1

分类专栏：小技巧 javascript jquery 文章标签： js

本文链接：https://blog.csdn.net/dknightl/article/details/118928588

版权

javascript 同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

小技巧

3 篇文章 0 订阅

订阅专栏

jquery

3 篇文章 0 订阅

订阅专栏

记录一下如何获得iframe内部的元素~

使用js获得

//先拿到iframe元素，可以使用querySelector或者知道id可用window.frames获得
const iframe = document.querySelector('#iframe-parent-id').firstElementChild || 
window.frames['my-frame-id']

//2.1 获得body
const body = iframe.contentWindow.document.body

//2.2 使用querySelector查找其他元素
const ele = iframe.contentWindow.document.querySelector('.aaa')

使用jquery获得

//先拿到iframe元素，可以使用querySelector或者知道id可用window.frames获得
const iframe = document.querySelector('#iframe-parent-id').firstElementChild ||
 window.frames['my-frame-id']

//2.1 获得body
const body = $(iframe).contents().find('body')[0]

//2.2 使用querySelector查找其他元素...