当前位置:Gxlcms > JavaScript > JS获取并操作iframe中元素的方法_javascript技巧

JS获取并操作iframe中元素的方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:2人阅读

JS获取/设置iframe内对象元素、文档的几种方法

1、IE专用(通过frames索引形象定位):

代码如下:

document.frames[i].document.getElementById('元素的ID');

2、IE专用(通过iframe名称形象定位):

代码如下:

document.frames['iframe的name'].document.getElementById('元素的ID');

以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。

3、通用方法:

代码如下:

document.getElementById('iframe的ID').contentWindow.document.getElementById('元素的ID')

注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frame和iframe内部的窗口对象。

JS获取iframe文档内容

代码如下: