JavaScript获取iframe的内容

最新推荐文章于 2024-01-07 23:38:29 发布

原创最新推荐文章于 2024-01-07 23:38:29 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种在父网页中获取iframe内元素内容的方法。通过使用JavaScript，可以轻松地从iframe中的特定元素读取数据。

假设做了一个iframe为以下

当然，src可以根据自己的需要进行修改。

那么在父网页中就可以通过以下代码获取子元素内容

var iframe = document.getElementById(childFrame);
var data = iframe.contentWindow.document.getElementById('tablediv').innerHTML;

而这个child.html中有个tablediv

这样就可以获取到iframe中tablediv里面的内容了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dusea

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

获取iframe内部的DOM元素方式（跨域与不跨域）

jxnd123456的博客

11-30

7437

这里使用contentDocument属性来获取iframe的document对象。由于contentDocument在某些浏览器中可能不被支持，所以使用||操作符来兼容，当contentDocument不可用时，使用contentWindow.document来获取

JS 获取页面中iframe中的内容

yh_bxhl的专栏

03-27

1691

var imgObj = $('uploadimgframe').contentWindow; imgObj.document.body.innerHTML=""; 获取整个内容 var imgObj = $('uploadimgframe').contentWindow; var sPhoto =imgObj.document.getElementsByTag

参与评论您还未登录，请先登录后发表或查看评论

js获取iframe中的内容

12-08

js获取iframe中的内容

[导入]Javascript获取IFrame内容(兼容IE&FF)

05-25

NULL 博文链接：https://wintys.iteye.com/blog/426091

获取iframe 内容

04-02

242

parent.$.find("iframe")[0].contentWindow.getvalue(); h.find("iframe")[0].contentWindow.document.getElementById("tt").value; 转载于:https://www.cnblogs.com/chenxiao/p/3640334.html...

八戒踩坑之 js获取iframe框架中的内容

wolf23151269的博客

12-14

4877

今天踩了个坑 ,具体代码如下我需要在第二个iframe中获取第一个iframe里面的dom节点，然后就开始直接调用 $('#我要的节点的id'，window.parent.document) 方式获取，结果失败了。查询了下才知道拿iframe 里面有点特殊。必须先获取iframe的.contents()。记录下避免二次踩坑 <div id="task-create-content" data-course-id="1" data-activity-id="0" class="t...

兼容IE与FF的JavaScript获取IFrame内容方法

为了正确地使用JavaScript获取iframe内容，尤其是在不同浏览器间保持兼容性，我们需要了解一些重要的知识点。 ### Javascript获取IFrame内容知识点 1. **基本的Iframe访问** - iframe元素在HTML中可以这样定义：`...

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

12-10

IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

兼容IE和Firefox的javascript获取iframe文档内容的函数

01-19

代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames[“MyIFrame”].document; }else{//Firefox doc = document.getElementById(...

Javascript获取IFrame内容(兼容IE&FF) (转)

anhuang5101的博客

09-27

327

在网上找到在IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue";但是这在Firefox下无效。所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现: document.getEl...

JS获取iframe内容【简化版】

08-23

JS获取iframe内容【简化版】

获取Iframe中的元素

忘川

01-19

7449

使用JQuery在父窗口中获取Iframe中的元素：格式： $("#iframe的id").contents().find("#iframe中控件的id").事件(); // 方式1 $("#iframe中控件的id",document.frames("iframe的name").document).事情(); // 方式2 事例： $("#iframeId").conte...

iframe简单使用、获取iframe 、获取iframe 元素值、iframe获取父页面的信息

最新发布

m0_74641039的博客

01-07

3707

讲解iframe的使用以及元素获取

获取iframe内容

iteye_19154的博客

10-26

141

[code="javascript"] var myIFrame = document.getElementById(iFrameName); var content = myIFrame.contentWindow.document.body.innerHTML; var homePage = myIFrame.contentWindow.document.getElementB...

获取iframe中的内容

az44yao的专栏

03-24

685

$(function(){ alert('1111'); setTimeout(function(){alert('llll'); var _iframe = document.getElementById('top1'); //在Chrome内跟踪_iframe.contentWindow得到的是object;但这个object是个空对象;

如何得到iframe里的内容

Mr_Zhao的专栏

07-19

1万+

有一个页面： ..... ..... .... 请问：iFrame外面的button如何保存Iframe里面的内容？问题点数：100、回复次数：9Top 1 楼madpolice（午夜狂龙）回复于 2005-02-28 10:08:42 得分 0

javascript获取iframe对象

weixin_30315435的博客

10-17

194

//通过window对象获取子iframe var _frame = window.frames[1] ; //获取第二个iframe（根据name获取使用window.frames['xxx']） if( $.browser.msie ){ //ie _frame = window.document.frames[1] ; } //获取iframe中的某个元素 $(...

获取iframe里面的数据

qq_43921510的博客

03-02

2988

let iframe = document.getElementById('ifram'); console.log('iframe By id',iframe.contentWindow.document.querySelectorAll('.page')) let allPage = iframe.contentWindow.document.querySelectorAll('.page')