Jquery 方式擷取 iframe Dom元素

來源:互聯網
上載者:User

標籤:c   style   class   blog   code   java   

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();">擷取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>


點擊測試button效果:


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.