JS获取/设置iframe内对象元素、文档的几种方法
2016-07-16 07:35
681 查看
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文档内容
注意:上面的 .contentDocument 相当于 .contentWindow.document !
延伸阅读:
实用框架(iframe)代码
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文档内容
<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)代码
相关文章推荐
- 【荐】使用eval()、new Function()将JSON字符串转换为JSON对象
- JavaScript实现输入框动态显示光标的XY值
- js div中内容溢出时最新添加的元素可视化
- JavaScript的history对象实现页面前进、后退、跳转
- javascript面向对象学习笔记(一)——属性
- Js 模拟注册界面 基础学习
- 浅谈JavaScript的赋值操作的一些问题
- 细说JavaScript单线程的一些事
- JavaScript 操作 DOM 常用 API 总结
- JavaScript 从定义到执行,你应该知道的那些事
- JavaScript中typeof和instanceof深入详解
- JavaScript 各种遍历方式详解
- JS中数组的操作
- javascript中的数据类型转换
- JS学习笔记1
- JavaScript事件知识点总结
- js 学习基础 随机生成表格 颜色随机
- JSON模块
- js
- js实现动态显示时间(setInterval())