js操作iframe和父窗口

焦虑的说说

于 2020-12-25 11:51:28 发布

阅读量623

点赞数

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/sinat_35803474/article/details/111668930

版权

笔记专栏收录该内容

8 篇文章

订阅专栏

博客记录了工作中常用的获取iframe父子窗口元素的方法，包括在父窗口中获取iframe元素，以及iframe中获取父窗口元素，分别给出了JS和jQuery的实现方式。

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

工作中经常会用到，记录一下，免得总是到处找。
一、在父窗口中获取iframe中的元素
JS:

1.window.frames["iframe的name值"].document.getElementById("iframe中控件的ID")
2.var obj=document.getElementById("iframe的name").contentWindow; 
  var ifmObj=obj.document.getElementById("iframe中控件的ID");

jquery:

1.$("#iframe中的控件ID",document.frames("frame的name").document)
2.$("#iframe的ID").contents().find("#iframe中的控件ID")

二、iframe中获取父窗口的元素
JS

1.window.parent.document.getElementById("父窗口的元素ID")
2.$("#iframe中的控件ID",document.frames("frame的name").document

JQUERY:

1.$('#父窗口中的元素ID', parent.document)