分享javascript 获取iframe里页面中元素值的方法

发布时间：2023-10-14 15:00:44 所属栏目：教程来源：

导读：IE方法：

document.frames['myFrame'].document.getElementById('test').value;

火狐方法：

document.getElementById('myFrame').contentWindow.document.getElementById('

IE方法：

document.frames['myFrame'].document.getElementById('test').value;

火狐方法：

document.getElementById('myFrame').contentWindow.document.getElementById('test').value;

IE、火狐方法：

代码如下:

    function getValue(){

         var tmp = '';

         if(document.frames){

                tmp += 'ie哥说：';

                tmp += document.frames['myFrame'].document.getElementById('test').value;

         }else{

                tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value;

         }

         alert(tmp);

    }

示例代码：

a.html页面中的代码

代码如下:

<html>

            <head>

                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

                <title>

                    javascript 获取iframe里页面中元素的值测试

                </title>

           </head>

           <body>

                <iframe id="myFrame" src='b.html' style="width:300px;height: 50px;"></iframe>

                <input type="button" id="btn" onclick="getValue()" value="test" >

                <script type="text/javascript">

                        function getValue(){

                            var tmp = '';

                            if(document.frames){

                                    tmp += 'ie哥说：';

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!