Javascript Iframe innerHTML

Personne ne sait comment obtenir le code HTML d'une IFRAME, j'ai essayé plusieurs façons différentes:

document.getElementById('iframe01').contentDocument.body.innerHTML
document.frames['iframe01'].document.body.innerHTML
document.getElementById('iframe01').contentWindow.document.body.innerHTML

etc

Pour quelqu'un d'autre qui arrive ici à partir d'une recherche sur Google, dans Firefox, au moins peut-être aussi essayer theiFrameObject.contentDocument.body.innerHTML.
solution fonctionne, mais l'iframe src doit être dans le même domaine que la fenêtre principale. Sinon, l'iframe à passer sa fenêtre à la société mère lors de la charge parent.ifw = window et puis le parent peut utiliser window.ifw.document

InformationsquelleAutor | 2008-09-26

17

Je pense que c'est ce que vous voulez:
```
window.frames['iframe01'].document.body.innerHTML 
```
EDIT:

Je l'ai sur la bonne autorité que cela ne fonctionne pas sur Chrome et Firefox mais il fonctionne parfaitement sous IE, qui est l'endroit où je l'ai testé. Rétrospectivement, c'était une grosse erreur

Cela fonctionne:
```
window.frames[0].document.body.innerHTML 
```
Je comprends que ce n'est pas exactement ce qui était demandé, mais vous ne voulez pas supprimer la réponse parce que je pense qu'il a une place.

J'aime @ravz de jquery réponse ci-dessous.
- Et si vous voulez être plus d'équivoque, on pourrait dire: de la fenêtre.les frames['iframe01'].document.corps.innerHTML
- ce n'est pas et ne fonctionne pas dans Firefox, car firefox ne prend pas en charge de la fenêtre.les frames['frameId'] seule fenêtre.les frames[0] de la fenêtre.les frames[1], etc.
InformationsquelleAutor wcm

Avoir quelque chose comme ce qui suit pourrait fonctionner.

<iframe id = "testframe" onload = populateIframe(this.id);></iframe>

//The following function should be inside a script tag

function populateIframe(id) { 

    var text = "This is a Test"
var iframe = document.getElementById(id); 

var doc; 

if(iframe.contentDocument) { 
    doc = iframe.contentDocument; 
} else {
    doc = iframe.contentWindow.document; 
}

doc.body.innerHTML = text; 

  }

InformationsquelleAutor cypher

9

Si vous jetez un oeil à JQuery, vous pouvez faire quelque chose comme:
```
<iframe id="my_iframe" ...></iframe>

$('#my_iframe').contents().find('html').html();
```
C'est en supposant que votre iframe parent et l'enfant réside sur le même serveur, en raison de la Même La Politique De L'Origine en Javascript.
- Vous récupérez le innerHTML de l'élément html et non le corps, et c'est plutôt vers l'arrière de la méthode pour le faire. Quand il y a des natifs des DOM propriétés pour récupérer ce que vous voulez (par exemple .corps), vous devriez éviter la surcharge de trouver un appel.
- Arrêt à l'aide de jQuery comme une réponse s'il vous plaît!
- Convenu à l'aide de JQuery, comme réponse, c'est vraiment ennuyeux! A la personne qui demande qui demande de JQuery?
- il y a des gens qui essaient de penser en terme de performance, le défi-sage, programme-sage. Les autres pensent de jQuery est la solution à tous les problèmes...
InformationsquelleAutor ConroyP
5

Conroy a répondu par la droite. Dans le cas où vous avez seulement besoin de trucs de corps de la balise, il suffit d'utiliser:
```
$('#my_iframe').contents().find('body').html();
```
- Meilleure Réponse! Merci! N'oubliez pas: <head> <script src="ajax.googleapis.com/ajax/libs/jquery/3.1.1/...> </head>
InformationsquelleAutor ravi404
2

N'oubliez pas que vous ne pouvez pas traverser les domaines en raison de la sécurité.

Donc, si c'est le cas, vous devez utiliser JSON.

InformationsquelleAutor Biri
2

Vous pouvez utiliser le contentDocument ou contentWindow bien pour cette fin.
Voici un exemple de code.
```
function gethtml() {
  const x = document.getElementById("myframe")
  const y = x.contentWindow || x.contentDocument
  const z = y.document ? y.document : y
  alert(z.body.innerHTML)
}
```
ici, myframe est l'id de votre iframe.
Remarque: Vous ne pouvez pas extraire le contenu d'une iframe à partir d'un crs à l'extérieur de votre domaine.

InformationsquelleAutor Sourabh

document.getElementById('iframe01').outerHTML

InformationsquelleAutor user1175106

1

Vous pouvez obtenir le code source à partir d'un autre domaine si vous installez le ForceCORS filtre sur Firefox. Lorsque vous mettez sur ce filtre, il sera de contourner la fonctionnalité de sécurité dans le navigateur et de votre script fonctionne même si vous essayez de lire une autre page web. Par exemple, vous pouvez ouvrir FoxNews.com dans un iframe, puis lire sa source. La raison moderne web brwosers refuser cette possibilité par défaut est parce que si l'autre domaine comprend un morceau de JavaScript et que vous êtes en train de lire ça et de l'afficher sur votre page, elle peuvent contenir du code malveillant et constituent une menace pour la sécurité. Donc, chaque fois que vous êtes à l'affichage de données à partir d'un autre nom de domaine sur votre page, vous devez vous méfiez-vous de cette menace réelle et de mettre en place un moyen de filtrer tout le code JavaScript de votre texte avant de vous allez pour l'afficher. Rappelez-vous, quand une supposée morceau de texte brut contient du code enfermé à l'intérieur des balises de script, ils n'apparaissent pas lorsque vous l'affichez sur votre page, néanmoins, ils vont courir! Donc, réalise que c'est une menace.

http://www-jo.se/f.pfleger/forcecors

InformationsquelleAutor Zsolt

Cette solution fonctionne même comme iFrame. J'ai créé un script PHP qui peut obtenir tout le contenu de l'autre site, et le plus important, c'est que vous pouvez facilement appliquer votre personnalisé jQuery pour que le contenu externe. Veuillez consulter le script suivant que l'on peut obtenir tout le contenu de l'autre site web et vous pouvez ensuite appliquer votre cusom jQuery/JS ainsi. Ce contenu peut être utilisé n'importe où, à l'intérieur de tout élément ou toute la page.

<div id='myframe'>

  <?php 
   /* 
    Use below function to display final HTML inside this div
   */

   //Display Frame
   echo displayFrame(); 
  ?>

</div>

<?php

/* 
  Function to display frame from another domain 
*/

function displayFrame()
{
  $webUrl = 'http://[external-web-domain.com]/';

  //Get HTML from the URL
  $content = file_get_contents($webUrl);

  //Add custom JS to returned HTML content
  $customJS = "
  <script>

      /* Here I am writing a sample jQuery to hide the navigation menu
         You can write your own jQuery for this content
      */
    //Hide Navigation bar
    jQuery(\".navbar\").hide();

  </script>";

  //Append Custom JS with HTML
  $html = $content . $customJS;

  //Return customized HTML
  return $html;
}

InformationsquelleAutor Ahsan Horani

-1

Vous pouvez obtenir html d'une iframe à l'aide de ce code
iframe = document.getElementById('image');
innerHtml = iframe.contentDocument.documentElement.innerHTML

InformationsquelleAutor Agha Ali Abbas

Vous devez vous connecter pour publier un commentaire.