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