超简洁的jquery操作页面中iframe内的dom元素

最新推荐文章于 2019-04-30 16:21:14 发布
最新推荐文章于 2019-04-30 16:21:14 发布
阅读量77 收藏
点赞数
文章标签： javascript ViewUI
本文介绍了一种使用JavaScript来改变网页中iframe内部特定元素颜色的方法。通过获取iframe的内容并定位到需要修改样式的元素，实现了对其颜色属性的更改。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$("#iframe1").contents().find("#news_text").html("");

iframe1：页面中的iframe的ID；

news_text：iframe内需要被操作的元素的ID；

JS代码如下：

document.getElementById('iframe1').contentWindow.document.getElementById('news_text').style.color='red'


iteye_20954
关注
如何修改iframe中的dom?
ZFZ5720
03-07 1082
获取 iframe 中的 document 对象：通过 iframe 元素的 contentDocument 属性可以获取到 iframe 中的 document 对象，从而可以对其中的 DOM 元素进行操作。获取到 iframe 元素：首先使用 JavaScript 获取到包含 iframe 的父容器元素，然后通过该父容器元素的 querySelector 方法来获取到 iframe 元素。​例子 index.html。
Jquery方式获取iframe页面中的 Dom元素
10-25
点击链接后，应该会在浏览器中看到一个弹出框，内容是“我是测试页面test”，这表明我们已经成功通过jQuery获取到了iframe中的DOM元素。 需要注意的是，使用jQuery操作iframe中的DOM时，必须确保iframe已经完全加载...
jquery获取iframe中的dom对象
weixin_30667649的博客
07-02 207
父窗口中操作iframe：$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口：$(window.parent.document) 接下来就可以继续获取iframe内的dom了。 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChil...
Jquery获取iframe的DOM元素
zhaoyang10的专栏
12-25 8078
layer弹出层获取子页面iframe的DOM元素： var iframeName = layero.find('iframe')[0]['name']; var container = parent.window.frames[iframeName].document; //或者 winfow.frames[iframeName].document; var monthDate = $('#mo...
同域jQuery(跨)iframe操作DOM(实例讲解)
10-26
本文将重点介绍如何通过jQuery来操作iframe中的DOM结构。 首先，我们需要了解iframe标签的基本使用方法，它通过src属性来指定需要嵌入的页面地址。例如： ```html <iframe src="a.php" id="aa"></iframe> ``` 这行...
jQuery取得iframe中元素的常用方法详解
11-23
在网页开发中，有时我们需要操作或获取嵌套在`iframe`中的HTML元素，这在JavaScript和jQuery中都可以实现。本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先，我们要明确一点：跨域的`iframe`是无法...
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
10-20
而在iframe中实现全屏化的功能，则需要使用到浏览器提供的全屏API，这个API能够让当前的元素（例如一个video、image或者其他DOM元素）进入到全屏模式。 接着我们看下文中提到的全屏API的兼容性问题。不同的浏览器...
jquery操作 iframe父级页面的dom元素的方法
Mr_momomomo的博客
04-30 1008
$("body",parent.document).append('这是子级页面添加的内容！'); $("body",parent.document).find('#example').html('子级页面将替换父级页面的内容！'); 另外对于javascript操作iframe对象有几点需要说明的是： iframe里的js要操作父级窗口的dom，必须搞懂几个对象： parent是父窗口...
同域jQuery（跨）iframe操作DOM
fox123871的专栏
08-30 6072
frame目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。   $('#read-aa').click(function() { var v=$('#aa').contents().find('body')
Jquery 方式获取 iframe Dom元素
技术之家
05-06 2099
Jquery 方式获取 iframe Dom元素 测试页面代码：     jquery方式，访问iframe页面dom元素          function getIframeDom(){ // 获取iframe的test元素 var test = $("#frame_1").contents().find("#test"); alert(test.html())  }
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的几种方法
Hi,are u have one potato?
05-08 2万+
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.f
使用jquery操作iframe中的元素
newmiracle学习天地
08-01 385
使用jquery操作iframe中的元素 window.onload = function() { $( "#frameTHY" ).contents().find( "a" ).css( "background-color", "red" ); }; 查看原文：http://newmiracle.cn/?p=1935
JQuery给iframe添加html
zh921112的专栏
03-08 7443
$(function() { var qrdiv = $("").qrcode("URl：weixin：//wxpay/s/An4baqw"); $("#qrcode-iframe").contents().find("body").append(qrdiv); });
使用Jquery操作iframe中的元素
孙琛斌的专栏
12-16 1万+
前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h
jQuery操作iframe：获取元素的实用技巧
jQuery是一个强大的JavaScript库，能够简化对DOM元素的操作，包括在iframe中的元素。以下是一些使用jQuery获取和操作iframe中元素的方法： 1. DOM方法： - 父窗口访问iframe中的元素：通过`window.frames[...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值