Jquery récupère l'élément Dom dans la page iframe (avec code)-js tutoriel-php.cn

Jquery récupère l'élément Dom dans la page iframe (avec code)

php中世界最好的语言

Libérer： 2018-04-26 15:25:17

original

3850 Les gens l'ont consulté

Cette fois, je vous apporte Jquery pour obtenir l'élément Dom dans la page iframe (avec code). Quelles sont les précautions pour que Jquery obtienne l'élément Dom dans la page iframe). . Voici les cas pratiques, jetons un oeil.

<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.bd
static
.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 pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes. sur le site PHP chinois !

Lecture recommandée :

Méthode DOM d'opération inter-domaines jQuery dans iframe

Comment jQuery calcule la largeur de la fenêtre iframe et hauteur

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!