在网上找到在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;
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>
分享到：
相关推荐
NULL 博文链接：https://wintys.iteye.com/blog/426091
JavaScript 瀑布流 吸顶 兼容IE FF Chrome
ie6 ie7 ff浏览器兼容 border:2px solid #00f; /*IE、ff的属性*/ border:2px solid #090\9; /* IE6/7/8的属性 */ border:2px solid #F90\0; /* IE8支持 */ *border:2px solid #F00; /* IE6、7支持 */ _border:2...
IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; IE、火狐方法： 代码...
JavaScript 导入 excel文件（兼容IE11） 示例 打包下载
代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames[“MyIFrame”].document; }else{//Firefox doc = document.getElementById(...
IE与FF的兼容问题 IE浏览器和火狐浏览器兼容问题——CSS篇 IE浏览器和Firefox(火狐)浏览器兼容性——Javascript篇
javascript解决IE9兼容.rar。。。。。。。。。。
javascript实现动态增加删除表格行(兼容IE FF).docx
JavaScript兼容浏览器FFIE技巧[定义].pdf
Js 实现的幻灯片效果 兼容 IE FF
javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录
javascript获取FCKeditor内容
下面是兼容IE和FF的js脚本做法和分解（部分选自网上，经本人整理），希望对大家有帮助。 .以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox //window.event IE：有window.event对象 FF：没有...
javascript实现右键菜单，兼容IE,火狐
原生javascript自定义滚动条（兼容IE，火狐，chrom)
JavaScript实现IFrame子窗口调用父窗口的全局变量
Javascript中有很多语句在不同浏览器中显示不同，或者不能显示，这里主要介绍了JS在IE和FF中的差异。
Javascript iframe交互并兼容各种扫瞄器的解决方法_.docx