`

[导入]Javascript获取IFrame内容(兼容IE&FF)

    博客分类:
  • Web
阅读更多

作者: Winty
时间: 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;

        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
文章来源:http://wintys.blog.51cto.com/425414/123303

[附件]:MyIFrame.zip

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics