在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素

js

在父窗口中获取iframe中的元素

1、

格式：window.frames[\"iframe的name值\"].document.getElementById(\"iframe中控件的ID\").click();

实例：window.frames[\"ifm\"].document.getElementById(\"btnOk\").click();

2、

格式：

var obj=document.getElementById(\"iframe的name\").contentWindow;
var ifmObj=obj.document.getElementById(\"iframe中控件的ID\");
ifmObj.click();

实例：

var obj=document.getElementById(\"ifm\").contentWindow;

var ifmObj=obj.document.getElementById(\"btnOk\");

ifmObj.click();

在iframe中获取父窗口的元素

格式：window.parent.document.getElementById(\"父窗口的元素ID\").click();

实例：window.parent.document.getElementById(\"btnOk\").click();

jquery

在父窗口中获取iframe中的元素

1、

格式：$(\"#iframe的ID\").contents().find(\"#iframe中的控件ID\").click();//jquery 方法1

实例：$(\"#ifm\").contents().find(\"#btnOk\").click();//jquery 方法1

2、

格式：$(\"#iframe中的控件ID\",document.frames(\"frame的name\").document).click();//jquery 方法2

实例：$(\"#btnOk\",document.frames(\"ifm\").document).click();//jquery 方法2

在iframe中获取父窗口的元素

格式：$(\'#父窗口中的元素ID\', parent.document).click();

实例：$(\'#btnOk\', parent.document).click();

以上这篇使用jquery/js获取iframe父子级、同级获取元素的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。