zoukankan      html  css  js  c++  java
  • 如何获得iframe中元素的值

    在Web开发时,很多时候会遇到一个问题。我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢?

    先来看下演示:

    效果演示

     
     

    iframe1中文本框的值:

    在IE下操作IFrame内容的代码:

    document.frames["MyIFrame"].document.getElementById("s").style.color="blue";

    但是这在Firefox下无效。所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:

    document.getElementById("MyIFrame").contentDocument.getElementById("s").style.color="blue";

    demo代码:

        <div><iframe name="frame1" id="frame1" src="frm.html" frameborder="1" height="60"></iframe></div>  
        
        <p>iframe1中文本框的值:<input type="button" name="Submit" value="getValue" onclick="getValue()" /></p>  
          
    <script type="text/javascript">  
    function getValue()  
    {  
        var ofrm1 = document.getElementById("frame1").document;      
        if (ofrm1==undefined)  
        {  
            ofrm1 = document.getElementById("frame1").contentWindow.document;  
            var ff = ofrm1.getElementById("txt1").value;  
            alert("firefox/chrome取值结果为:" + ff);  
        }  
        else  
        {  
            var ie = document.frames["frame1"].document.getElementById("txt1").value;  
            alert("ie取值结果为:" + ie);  
        }   
    }  
    </script>  
     iframe页面代码:
    <html>  
    <head>  
        <title>框架内页</title>  
    </head>  
    <body>  
        <div>  
            <input id="txt1" name="txt1" type="text" value="欢迎访问www.nowamagic.net" />  
        </div>  
    </body>  
    </html>  
  • 相关阅读:
    docker常规操作——启动、停止、重启容器实例
    docker同时删除多个容器
    ubuntu中使用docker部署.netcore2.1
    .NET中RabbitMQ的使用
    Java开发环境Jave EE 和 jdk 下载
    WebApi用户登录验证及服务器端用户状态存取
    MVC中使用Ninject依赖注入
    起步:SpringBoot
    ML-对偶(Duality)问题 KKT 条件
    pandas 之 多层索引
  • 原文地址:https://www.cnblogs.com/lbjz/p/3505140.html
Copyright © 2011-2022 走看看