码迷,mamicode.com
首页 > 其他好文 > 详细

iframe页面之间元素获取与方法调用

时间:2018-05-18 15:42:58      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:query   tag   lin   size   table   row   选择器   AC   ram   

父页面与子页面之间的元素获取与方法调用:

1、JS


父调子
子调父
元素
window.frames[iframe的name属性值];
① window.parent.document.getElementById("父页面元素ID");
②window.parent.document.getElementsByTagName("父页面元素标签名")[i];
③window.parent.document.getElementsByClassName("父页面元素类名")[i];
方法
① document.getElementById("子页面元素ID").contentWindow.子页面方法名;
② document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方法名;
③ document.getElementsByClassName("子页面元素类名")[i].contentWindow.子页面方法名;

window.parent.父页面方法;


2、JQUERY


父调子子调父
元素$(iframe选择器).contents().find(iframe中元素选择器);
① $(父页面元素选择器, window.parent.document);
② window.parent.$(父页面元素选择器)
window.parent.父页面方法;
方法$(iframe选择器)[0].contentWindow.子页面方法名;window.parent.父页面方法;

 

iframe页面之间元素获取与方法调用

标签:query   tag   lin   size   table   row   选择器   AC   ram   

原文地址:https://www.cnblogs.com/likwin/p/9055974.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!