Jquery方式获取iframe页面中的 Dom元素
发布时间:2020-12-14 22:26:58 所属栏目:资源 来源:网络整理
导读:测试页面代码: 复制代码 代码如下: html head titlejquery方式,访问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.bds
测试页面代码: 复制代码 代码如下: <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();">获取iframe 页面test元素内容</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> 点击测试按钮效果: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |