Maison > Article > interface Web > Utilisez Jquery pour obtenir des éléments Dom dans les pages iframe
Utilisez Jquery pour obtenir des éléments Dom dans les pages iframe
- php中世界最好的语言original
- 2018-04-24 14:50:543370parcourir
Cette fois, je vais vous présenter comment utiliser Jquery pour obtenir des éléments Dom dans les pages iframe, et quelles sont les précautions pour utiliser Jquery pour obtenir des éléments Dom dans les pages iframe. Ce qui suit est un cas pratique, un Levez-vous et jetez un œil.
Code de la page de test :
<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>
code de la page test.html
<html> <head> <title>iframe页面a.html</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> </head> <body> <p id="test">我是测试页面test</p> </body> </html>
Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour en savoir plus. des choses passionnantes, veuillez faire attention à php Autres articles connexes sur le site chinois !
Lecture recommandée :
Une collection de méthodes jquery pour parcourir et filtrer des tableaux et des objets json
Explication détaillée des étapes pour jquery pour supprimer les valeurs sélectionnées d'un tableau
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!