作者: 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