JS获取并操作iframe中的元素

最新推荐文章于 2025-03-14 16:54:39 发布

前端小白QAQ

最新推荐文章于 2025-03-14 16:54:39 发布

阅读量5.4k

点赞数

分类专栏： JavaScript专栏

本文链接：https://blog.csdn.net/weixin_45932733/article/details/118146676

版权

JavaScript Window对象 iframe DOM操作 HTML元素

关键词由CSDN通过智能技术生成

JavaScript专栏专栏收录该内容

27 篇文章

订阅专栏

这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

//获取iframe的window对象
// iframeId为iframe标签的id
var newIfram= window.document.getElementById("iframeId").contentWindow;

//通过获取到的window对象操作HTML元素，这和普通页面一样
newIfram.document.getElementById("field8608span").getElementsByTagName("a").style.visibility = "visible";
newIfram.document.getElementById("field8608span").getElementsByTagName("p").innerText = "百度";