Utilisez Jquery pour obtenir des éléments Dom dans les pages iframe-js tutoriel-php.cn

Utilisez Jquery pour obtenir des éléments Dom dans les pages iframe

php中世界最好的语言

Libérer： 2018-04-24 14:50:54

original

3404 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!