Js/Jquery获取iframe中的元素

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(); 

 

浏览量: 5

clickdocumentgetelementbyididiframe