Changement de code HTML d'une iFrame avec jQuery?

Est-il un moyen de manipuler le code HTML d'une iframe qui est du même domaine à l'aide de jQuery?

Merci pour l'aide.

InformationsquelleAutor Stephen Ou | 2011-05-08
  1. 24

    Vous aurez à analyser le contenu de l'iframe.

    $("#frameid").contents().find("div").html('My html');

    Plus ici : http://api.jquery.com/contents/

    • Ne semble pas fonctionner pour certaines raisons. Mon code <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript">$(document).ready(function() { $("#frameDemo").contents().find("div").html(); });</script> </head> <body> <iframe src="iframe.html" id='frameDemo'></iframe> </body> </html> Et de l'iframe: <html> <head> </head> <body> <div></div> </body> </html>
    • Ou: je suis un peu confus quant à pourquoi cette réponse a +5 et de la mine a 0 en dépit de fournir exactement la même solution, mais de toute façon... vous n'êtes pas en train de faire quelque chose avec le HTML dans ce morceau de code que vous avez posté. Si vous souhaitez définir le code HTML de votre div, vous avez besoin pour passer d'une chaîne à la html() fonction, par exemple: html("new HTML"). Ce que vous faites dans votre extrait de code est de mettre le code HTML de la div (qui est vide de toute façon) et de ne rien faire avec elle.
    InformationsquelleAutor c0mm0n
  2. 21

    Vous pouvez utiliser contenu() manipuler le contenu de la iframe.

    $("#frameDemo").contents().find("div").html("new HTML content goes here");
    InformationsquelleAutor Town
  3. 7

    Voici un exemple de le jQuery documentation:

    <!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <iframe src="http://api.jquery.com/" width="80%" height="600" id='frameDemo'></iframe> 
<script>$("#frameDemo").contents().find("a").css("background-color","#BADA55");</script>

</body>
</html>
    InformationsquelleAutor Shahin
  4. 5

    Si vous souhaitez modifier le contenu à l'intérieur de la <body> balise de l'iframe, vous pouvez utiliser ce code:

    $("#iframe_id").contents().find("body").html('my_new_content');
    InformationsquelleAutor shasi kanth