博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe子页面获取父页面元素的方法
阅读量:6392 次
发布时间:2019-06-23

本文共 1077 字,大约阅读时间需要 3 分钟。

在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;

转载地址:http://kwpha.baihongyu.com/

你可能感兴趣的文章
文件系统管理 之 Linux 创建文件系统及挂载文件系统流程详解
查看>>
CSS选择器学习小结
查看>>
什么叫贸工技发展模式?什么叫技工贸发展模式?
查看>>
MyEclipse for Spring 10.0: GWT 2.1 and Spring Scaffolding
查看>>
水木-搜索引擎技术版
查看>>
yiStack平台维护
查看>>
oracle11g程序调优纪实
查看>>
webview页面和壳通信的库(精简版)
查看>>
手把手教你如何加入到github的开源世界! (转)
查看>>
NFS 配置服务
查看>>
iOS Swift编程语言
查看>>
Android 实现闹钟功能
查看>>
graal
查看>>
Win10 安装msi 提示2502、2503的错误代码 -- 命令提示符(管理员) -- msiexec /package...
查看>>
组策略脚本的趣味应用
查看>>
corosync+pacemaker高可用集群
查看>>
一文总结学习 Python 的 14 张思维导图
查看>>
景安河南机房电力事故,部分主机和云服务器停机
查看>>
1024x600 7" LVDS LCD with Capacitive Touch for pcD
查看>>
解决ubuntu系统安装完后启动项里没有ubuntu的问题
查看>>