使用jquery准确获取iframe中的元素

最新推荐文章于 2024-02-26 16:36:39 发布
最新推荐文章于 2024-02-26 16:36:39 发布
阅读量4.1k 收藏 1
点赞数 1
分类专栏： web前端开发技术 文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llq886/article/details/124803854
版权 
window.onload=function(){// 确保jquery 可用
//先获取iframe的document对象，在最外层window中加载的js默认会使用最外层的document对象，直接使用$("iframe.子元素")大概率取不到元素
	let iframeDocument=$("iframe[name='iframeName']")[0].contentWindow.document; 
	let targetDom=$(iframeDocument).find('子元素');
}
SZ_FED
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery取得iframe中元素的常用方法详解
11-23
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考，具体如下： jquery取得iframe中元素的几种方法： 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下:$(‘#objId’, parent.document); 搞定… 在父页面 获取iframe子页面的元素： $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body
解析Jquery取得iframe中元素的几种方法
10-27
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作，需要的朋友可以参考下
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 3893
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
Jquery 获取iframe中的元素
hudeyong926的专栏
07-21 1886
由于公司项目开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 在iframe中获取父窗口的元素 // 格式： $('#父窗口中的元素ID',parent.document).click(); // 实例： $('#btnOk',parent.document).click(); 在父窗口中获取iframe中的元素 // 格式： $("#iframe的ID").contents().find("#iframe中...
JS/jquery获取iframe内部元素和ifame中获取外部元素精华
最新发布
乔的博客
02-26 279
【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。
jquery访问IFRAME
flycomos_lee的博客
11-11 379
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.fra...
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
下面小编就为大家带来一篇使用jquery/js获取iframe父子级、同级获取元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Jquery方式获取iframe页面中的 Dom元素
10-25
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
JQ/JS 父页面获取iframe子窗口的元素
cksdbb的博客
09-01 1万+
无论是原生的js还是jquery，我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。 方法1：原生JS进行父页面获取iframe子窗口的元素 document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id') window.frames["iframeID"].document.getElementsByClassName('iframe子页面ID') .
Jquery取得iframe中元素值
freedom_fd的博客
08-20 573
Jquery取得iframe中元素ID HTML 内容 <div class="row"> <div class="row-2" id="notify-receive_member_id" style="margin-left: 218px; "> <iframe id="mail_index" width="100%" height="600px" src=...
jquery获取iframe里面的元素
qq_36134977的博客
02-13 1687
var iframe = document.getElementById('ifrmae'); //获取那个iframe，也可以用$('#iframe')[0]替代 var iframeWindow = iframe.contentWindow; //获取iframe里的window对象 var $c = iframeWindow.$; //获取iframe中的jquery对象 ...
jquery访问iframe里面元素的三种方式
xiaozhuangyumaotao的博客
04-17 580
a页面通过iframe引入b页面，当需要在a中访问b页面里面的元素的时候可以归纳为三种方式。首先看下a页面引入b页面的html： <divid="cont"> <iframeid="tab_iframe"src="iframe_embed.jsp"frameborder="0"height="100%"width="100%"></if...
Jquery Javascript 取得iframe中元素的几种方法
热门推荐
一米阳光
09-19 11万+
<br />query取得iframe中元素的几种方法<br /> <br />在iframe子页面获取父页面元素<br /> 代码如下:<br /><br /> $('#objId', parent.document);<br /> // 搞定...<br /><br /><br /> 在父页面 获取iframe子页面的元素<br /> 代码如下:<br /><br /> $("#objid",document.frames('iframename').document)<br /> <br
JQuery之操作iframe
优秀程序员的专栏
04-15 2960
1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的，只不过是先获取了iframe元素，然后在对iframe的内容再次进行操作。 var str = $(window.frames["iframe"].document).find("#ev").html(); var stk = $("#iframe").contents().find("#ev").html();
jQuery获取iframe中元素值
代码改变生活
05-08 3620
1、iframe页面取元素的值： //父页面代码： <div> <iframe id="iframe1" src="HtmlPage1.html" runat="server" width="500px" height="200px"></iframe> <input id="Button2" t...
使用Jquery操作iframe中的元素
孙琛斌的专栏
12-16 1万+
前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h
jquery中父子页面之间获取元素（比如iframe页面）
weixin_51609337的博客
11-22 1335
当前端主页面需要嵌套一个子页面，比如iframe页面，当在父页面执行子页面的操作时，用$('#元素id')就没有效果。这时就需要用到以下知识点，来实现父子页面的相互操作。
iframe给主页面元素赋值【使用jquery获取页面数据】
weixin_30839881的博客
03-01 152
在框架中，我将组织成的 HTML 代码，最后将其填充至上层文档的一个元素中。按照一般的写法，我们需要用到类似如下的语句： 1.window.parent.document.getElementById("myEle").innerHTML = html;使用 jQuery ，写法如下： 1.$("#myEle", window.parent.document).html(html);...
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
dezmg8616的博客
09-10 238
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法 在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1...
jquery获取iframe中内嵌iframe中的元素
07-29
您可以使用以下代码来获取iframe中嵌套的iframe中的元素： ```javascript // 获取外层iframe元素 var outerIframe = $('#outerIframe'); // 获取内层iframe的文档对象 var innerDoc = outerIframe.contents(); //...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值