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:543421parcourir

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée des étapes pour effectuer un appel d'interface iframe inter-domaines avec jQueryArticle suivant：Explication détaillée des étapes pour effectuer un appel d'interface iframe inter-domaines avec jQuery

Articles Liés

Voir plus