首页 > 代码库 > js取iframe内容

js取iframe内容

2024-07-23 18:52:25   219人阅读

js取iframe内容


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 onl oad="f()">

<iframe id = "MyIFrame" name = "MyIFrame" src = "http://www.mamicode.com/MyIFrame.htm" width = "100" height="100">

</body>
</html>

js取iframe内容


联系
我们