点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

jQuery获取iframe中元素值

来源：懂视网责编：小采时间：2020-11-27 19:52:16

jQuery获取iframe中元素值

jQuery获取iframe中元素值:这次给大家带来jQuery获取iframe中元素值，jQuery获取iframe中元素值的注意事项有哪些，下面就是实战案例，一起来看一下。jquery取得iframe中元素的几种方法：在iframe子页面获取父页面元素$('#objId', parent. document

推荐度：

点击下载本文 文档为doc格式

导读jQuery获取iframe中元素值:这次给大家带来jQuery获取iframe中元素值，jQuery获取iframe中元素值的注意事项有哪些，下面就是实战案例，一起来看一下。jquery取得iframe中元素的几种方法：在iframe子页面获取父页面元素$('#objId', parent. document

这次给大家带来jQuery获取iframe中元素值，jQuery获取iframe中元素值的注意事项有哪些，下面就是实战案例，一起来看一下。

jquery取得iframe中元素的几种方法：

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

$('#objId', parent.
document
);

搞定...

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

$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()

显示iframe中body元素的内容。

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

根据iframename取得其中ID为"testId"元素

$(window.frames["iframeName"].document).find("#testId").html()

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

假设有两个页面,在相同域下.

index.html 文件内含有一个iframe:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>页面首页</title>
</head>
<body>
<iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe>
</body>
</html>

iframe.html 内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>iframe.html</title>
</head>
<body>
<p id="test">www.gxlcms.com</p>
</body>
</html>

1. 在index.html执行JS直接访问:

document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'

通过在index.html访问ID名为'koyoz'的iframe页面,并取得此iframe页面内的ID为'test'的对象,并将其颜色设置为红色.

此代码已经测试通过,能支持IE/firefox .

2. 在index.html里面借助jQuery访问:

$("#koyoz").contents().find("#test").css('color','red');

此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了.

收集网上的一些示例：

用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了

1. 在父窗口中操作选中IFRAME中的所有单选钮

$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");

2. 在IFRAME中操作选中父窗口中的所有单选钮

$(window.parent.document).find("input:radio").attr("checked","true");

父窗口想获得IFrame中的Iframe，就再加一个frames子级就行了，如：

$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

jQuery获取iframe中元素值

推荐度：

点击下载本文 文档为doc格式

标签：获取元素 jQuery

热门焦点

员工被要求连续工作37天，无加班费？官方：已展开调查
标签：员工连续工作 37天时间：2024-10-16 10:39:07
奶奶花88元参团1日游100元买保温杯途中还抓到两只鸡
标签：1日游时间：2024-10-16 10:18:49

三伏天黑龙江穿上羽绒服了：早上气温仅有13℃
标签：黑龙江三伏天穿上羽绒服时间：2024-07-27 11:16:58
偷偷降级的火锅盯上打工人外卖你点过火锅外卖吗？
标签：外卖火锅时间：2024-07-23 10:45:14

女子花11000从成都打车到北京全程超2300公里，耗时近40小时
标签：北京成都女子时间：2024-07-13 11:23:20
10元吃上三个菜！社区食堂推出“剩菜盲盒” 你会吃吗？
标签：社区食堂剩菜盲盒时间：2024-07-11 11:35:20

吉祥航空一航班延误未开空调致乘客中暑？
标签：航班延误吉祥航空未开空调时间：2024-07-05 10:29:00
正式通车的深中通道太火爆！桥上有一道可抗17级强台风“玻璃墙”
标签：深中通道通车时间：2024-07-01 11:16:29

jQuery获取iframe中元素值

jQuery获取iframe中元素值

jQuery获取iframe中元素值

员工被要求连续工作37天，无加班费？官方：已展开调查

奶奶花88元参团1日游100元买保温杯途中还抓到两只鸡

三伏天黑龙江穿上羽绒服了：早上气温仅有13℃

偷偷降级的火锅盯上打工人外卖你点过火锅外卖吗？

女子花11000从成都打车到北京全程超2300公里，耗时近40小时

10元吃上三个菜！社区食堂推出“剩菜盲盒” 你会吃吗？

吉祥航空一航班延误未开空调致乘客中暑？

正式通车的深中通道太火爆！桥上有一道可抗17级强台风“玻璃墙”

最新推荐

江西庐山牯岭变身雾凇“童话世界” 雪树银花不夜天

19岁女孩1天2瓶饮料胖到230斤缓解压力的方式就是吃

济南“一夜无眠”，最新雪后现场来了！下了387个“大明湖”，今天还下吗？

吃起来不咸的食物含盐量低？专家：不可一概而论

冰雪大世界糖葫芦售卖点位起拍价100万元？拍卖公司称系9个点位打包价

11岁男孩爬上火车头遭电击，至今没有脱离生命危险

热门图文

猜你喜欢

热门推荐

抖音扫码关注

每天分享百科知识！