关于iframe的查找元素的几种情况

最新推荐文章于 2024-11-30 09:00:00 发布

原创最新推荐文章于 2024-11-30 09:00:00 发布 · 1.9k 阅读

CC 4.0 BY-SA版权

2 篇文章

订阅专栏

iframe 嵌套多层获取到最外层iframe
- 不跨域的前提下，window.top就能获得最顶层的window对象，可以通过window.top.document.getElementById(...)或window.top.$(...)来查找元素了
在父窗口中获取Iframe中的元素
- JQ：方式1: $("#iframe的id").contents().find("#iframe中控件的id").事件();
- JQ：方式2: $("#iframe中控件id",document.frames("iframe的name").document).事件();
- JS : window.frames["iframe中的name值"].document.getElementById("iframe中控件id").事件();
在Iframe中获取父窗口中的元素
- JQ: $('#父窗口中元素的id', parent.document).事件();
- JS: window.parent.document.getElementById("父窗口中元素的id").事件();
子页面获取父页面里的其他iframe子页面里的DOM
- jQ： $("#holder",window.parent.frames["holder"].document)
- JS： window.parent.frames["holder"].document.getElementById("holder")