IT源码网

Js/Jquery获取iframe中的元素讲解

shasha 2020年10月06日 Web前端 370 0

JavaScript

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

1
2
3
4
5
6
7
8
9
10
11
格式:window.frames[ "iframe的name值" ].document.getElementById( "iframe中控件的ID" ).click(); 
实例:window.frames[ "ifm" ].document.getElementById( "btnOk" ).click(); 
 
格式: 
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中获取父窗口的元素

1
2
格式:window.parent.document.getElementById( "父窗口的元素ID" ).click(); 
实例:window.parent.document.getElementById( "btnOk" ).click(); 

Jquery

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

1
2
3
4
5
格式:$( "#iframe的ID" ).contents().find( "#iframe中的控件ID" ).click(); //jquery 方法1 
实例:$( "#ifm" ).contents().find( "#btnOk" ).click(); //jquery 方法1 
 
格式:$( "#iframe中的控件ID" ,document.frames( "frame的name" ).document).click(); //jquery 方法2 
实例:$( "#btnOk" ,document.frames( "ifm" ).document).click(); //jquery 方法2 

在iframe中获取父窗口的元素

1
2
格式:$( '#父窗口中的元素ID' , parent.document).click(); 
实例:$( '#btnOk' , parent.document).click(); 

  

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

nginx location讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。