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,往往出现问题都是因为这个容易被忽略,它代表frameiframe内部的窗口对象

 

 


 

 

JS获取iframe文档内容

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function getIframeContent(){  //获取iframe中文档内容
    var doc;
    if (document.all){ // IE
        doc = document.frames["MyIFrame"].document;
    }else{ // 标准
        doc = document.getElementById("MyIFrame").contentDocument;
    }
 
    return doc.body.innerHTML;
}
</script>

注意:上面的 .contentDocument 相当于 .contentWindow.document !

 

 

延伸阅读:

实用框架(iframe)代码

posted @   52php  阅读(9460)  评论(0编辑  收藏  举报
编辑推荐:
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
阅读排行:
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 如何打造一个高并发系统?
点击右上角即可分享
微信分享提示