Javascript获取IFrame内容(兼容IE&FF)

时间 2021-01-30

标签 javascript html java ide 调试 htm get iframe 栏目 JavaScript 繁體版

原文原文链接

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