iframe页面之间元素获取与方法调用
Posted LikWin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe页面之间元素获取与方法调用相关的知识，希望对你有一定的参考价值。
父页面与子页面之间的元素获取与方法调用：
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页面之间元素获取与方法调用的主要内容，如果未能解决你的问题，请参考以下文章
jqueryjs调用iframe父窗口与子窗口元素的方法整理