Javascript获取IFrame内容(兼容IE&FF)
2024-08-24 22:18:10
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://wintys.blog.51cto.com/425414/123303
作者: Winty
时间: 2008-12-26
时间: 2008-12-26
在网上找到在IE下操作IFrame内容的代码:
document.frames["MyIFrame"].document.getElementById("s").style.color="blue";
但是这在Firefox下无效。
所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:
document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";
详细代码如下:
TestIFrame.htm:
<html>
<head>
<script type="text/javascript">
function f(){
var doc;
<head>
<script type="text/javascript">
function f(){
var doc;
if (document.all){//IE
doc = document.frames["MyIFrame"].document;
}else{//Firefox
doc = document.getElementById("MyIFrame").contentDocument;
}
doc.getElementById("s").style.color="blue";
}
</script>
</head>
<body onload="f()">
<iframe id = "MyIFrame" name = "MyIFrame" src = "MyIFrame.htm" width = "100" height="100">
</body>
</html>
MyIFrame.htm:
<h1 id = "s" style="color:red;" >内容<h1>
附件内容:
1.TestIFrame.htm
2.MyIFrame.htm
本文出自 “wintysのブログ” 博客,请务必保留此出处http://wintys.blog.51cto.com/425414/123303
最新文章
- mac,/usr/local is not writable 解决方法
- Struts2基于注解的Action配置
- 在浏览器地址栏按回车、F5、Ctrl+F5刷新网页的区别
- 老版mapreduce跑streaming作业多路输出的方法
- iis下设置php最大执行时间
- 【代码笔记】iOS-点击任何处,出现城市
- 字符串复制strncpy
- CSS_03_03_ul图片替换
- AS的快捷键
- 使用gson-1.6.jar解析json
- hdu 4009 最小树形图
- 【转】Android应用程序完全退出
- ORACLE收集统计信息
- Java 找出四位数的所有吸血鬼数字 基础代码实例
- ES6/ES2015的一些特性的简单使
- Luogu P2148 [SDOI2009]E&;D
- Weighted Quick Union
- intellij idea新建maven项目,一直loading archetype list.....
- Python+Selenium爬取动态加载页面(2)
- Eclipse js报错问题解决办法