Js/Jquery获取iframe中的元素分析

不点 阅读:392 2020-10-06 11:22:07 评论: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(); 

  

标签:CSSJavaScript
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

可以免费观看全网VIP电影的公众号