zoukankan      html  css  js  c++  java
  • Javascript获取IFrame内容(兼容IE&FF)

    作者: 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
  • 相关阅读:
    华为软件开发云评测
    个人技术博客(α)
    结对第二次作业
    结对第一次作业----部门通
    数独设计
    2017软件工程实践第一次作业
    Alpha冲刺博客集
    个人作业——软件工程实践总结作业
    用户使用调查报告
    总结随笔(Beta)
  • 原文地址:https://www.cnblogs.com/gxwy/p/2068644.html
Copyright © 2011-2022 走看看