Jquery 方式获取 iframe Dom元素

Jquery 方式获取 iframe Dom元素

测试页面代码:

<html>
 <head>
  <title>jquery方式,访问iframe页面dom元素</title>
  <meta name="Author" content="孙勤波">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>
 <script type="text/javascript">
 function getIframeDom(){
	// 获取iframe的test元素
	var test = $("#frame_1").contents().find("#test");
	alert(test.html())
 }
 </script>
 </head>
 <body>
   <iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>
   <br />
   <a href="javascript:getIframeDom();">测试</a>
 </body>
</html>

test.html 页面代码

<html>
 <head>
  <title>iframe页面a.html</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 </head>
 <body>
  <div id="test">我是测试页面test</div>
 </body>
</html>

点击测试按钮效果:

Jquery 方式获取 iframe Dom元素,布布扣,bubuko.com

时间: 2024-10-24 15:20:33

Jquery 方式获取 iframe Dom元素的相关文章

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)

jQuery如何获取iframe中的元素

jQuery如何获取iframe中的元素:这个问题其实非常简单,既然要获取iframe中的元素,那么首先要获取iframe.关于获取iframe这里就不介绍了可以参阅父窗口和iframe中对象互相传值简介一章节. 下面直接看一段代码就能够很轻松明白: $(window.frames["main"].document).find("ul") 以上代码id属性值为main的iframe元素中的ul元素. 原文地址是:http://www.softwhy.com/foru

jquery选择器:获取父级元素、同级元素、子元素

jQuery的出现给广大开发者提供了不少的方便.从要自己一个一个敲代码,到直接调用方法,无疑大大地提高了网站开发的效率.而在jQuery中有一些方法非常的实用.下面就给大家介绍下jquery选择器:获取父级元素.同级元素.子元素的方法. 一.获取父级元素1.parent()获取指定元素的父级元素,注意:是最靠近指定元素的父级元素. 2.parents()获取指定元素的所有父级元素,注意:是所有的父级元素,包括body,html 二.获取同级元素1.next()获取指定元素的下一个同级元素(注意:

JS 获取 iframe内元素,及iframe与html调用

两种获得iframe内元素的方法 jquery获取$("#atrDialogIframe_protocoliframe").contents().find('span').text() JS原生获取document.getElementById("atrDialogIframe_protocoliframe").contentWindow.document.getElementById("span") iframe调用上级窗口的JS window

jQuery如何获取当前指定元素的标签名称

如何获取当前指定元素的标签名称:关于获取标签名称的在实际应用中不常见,或许您永远用不上,不过这里仅仅是介绍一种方法,感兴趣可以看一下,如果不感兴趣直接略过就可以了.代码实例如下: <script type="text/javascript"> $(document).ready(function(){ alert($("#testInput")[0].tagName); }) </script> </head> <body&

JS获取HTML DOM元素的几种方法

目前我只知道下面这几种获取DOM元素的方法 根据ID获取元素     getElementById 根据标签名获取元素     getElementsByTagName 根据className获取标签列表     getElementsByClassName 根据选择器获取到第一个找到的元素     document.querySelector 根据选择器获取到所有的元素     document.querySelectorAll 还有两个特殊的获取标签方式: 获取html的方法 documen

获取iframe的元素并进行操作

获取iframe中的document元素有一下集中方法: 1.getElementById()方法和contentWindow属性: window.onload=function(){ /*必须等待页面加载结束后*/ document.getElementById("iframe的ID").contentWindow.document.getElementById("元素的ID") document.getElementById("iframe的ID&qu

父子页面(iframe)相互获取对方dom元素

现在iframe的使用虽然开始越来越少,但是还是有牵涉到iframe的使用情况,特别是多个iframe互相嵌套,又要进行获取的情况. 现在整理了父子iframe之间互相获取的方式. (1)父页面获取子页面的方式. 主要通过: iframe的contentWindow属性,代表iframe所在的window对象. 示例如下: <script type="text/javascript"> window.onload = function(){ var cWindow = do

vue 点击获取当前DOM元素

哈哈哈,昨天登QQ的时候,意外发现有人看了我写的博客,居然还加了我,这就激起了我内心的小波澜啊 公司最近在做电商,用的前端框架依然是VUE 矩MAX(微信公众号)可以搜的到哦,貌似小苹果的AppStore也可以搜的到,不过应该是内测版 回归中体哈,说一下今天做的领券中心 有点类似于京东的领券中心,刚测试完,券全被我领啦 效果就是点击立即领取,文字变为立即使用.弹出领取成功 但是因为接口不是实时的,所以我没有通过接口数据判断让用户点击领取的同时,让优惠券改变状态 但是,毛爷爷说过:办法总比困难多~