zoukankan      html  css  js  c++  java
  • iframe子页面获取父页面元素的方法

    在iframe子页面获取父页面元素

     代码如下:

    $.('#objld', parent.document); 
    在父页面获取iframe子页面的元素

     代码如下:

    $("#objid", document.iframes('iframe').document) 

     代码如下:

    $(document.getElementById('iframeId').contentWindow.document.body).html() $(document.getElementById('iframeId').contentWindow.document.body).html()


    显示iframe中body元素的内容

     代码如下:

    $("#testId", document.frames("iframename").document).html()

    (1)父页面获取iframe中的元素值:

    Js代码  
    1.//根据iframe的id获取对象   
    2.var i1 = window.frames['iframeId'];   
    3.//var iframe =window.frames[0];也可以   
    4.//获取iframe中的元素值   
    5.var val=i1.document.getElementById("t1").value  
    //根据iframe的id获取对象
    var i1 = window.frames['iframeId'];
    //var iframe =window.frames[0];也可以
    //获取iframe中的元素值
    var val=i1.document.getElementById("t1").value

    (2)在iframe中获取父页面中的元素值:

    Js代码  
    1.var val = parent.document.getElementById("txt1");   
    var val = parent.document.getElementById("txt1");

    (3)a包含2个iframe分别为b,c,现在从b中获取c中的元素的值:

    Js代码  
    1.var i1 = parent.window.frames['iframeId'];   
    2.var val = i1.document.getElementById("text1").value;  
    var i1 = parent.window.frames['iframeId'];
    var val = i1.document.getElementById("text1").value;

  • 相关阅读:
    precmd:6: job table full or recursion limit exceeded
    Logs
    vue路由的使用(二)
    vue路由的使用(一)
    vue项目中正确引用jquery
    vue中使用Mint-UI移动端组件库
    HTML5表单、一些新增的输入类型以及为不支持新特性的浏览器提供解决方案
    CSS3过渡、变形、动画(二)
    CSS3过渡、变形、动画(一)
    CSS3之背景渐变
  • 原文地址:https://www.cnblogs.com/xiaoleiel/p/8308808.html
Copyright © 2011-2022 走看看