Récupération du texte dans un élément html iframe

**Yann_CX07** · 02/08/2017, 15h08

Bonjour,

Voici un sujet sur le champ d'application de la fonction javascript "textContent".
- Elle est censée permettre la récupération du texte contenu dans un élément HTML et ses descendants.
- Je tombe cependant, via la lecture d'un ouvrage, sur un cas critique : celui où l'élément html est un iframe :

1/ Voici l'iframe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe src="myFile.html" Id="myFrame"> </iframe>

2/Voici le script utilisant la propriété textContent :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
myDiv = document.getElementById('888');
myiFrame = document.getElementById('myFrame');
myBody = myiFrame.contentDocument.body;
myT = myBody.textContent;
 
setTimeout(function () {alert('Tintin...')}, 2000);
setTimeout(function () {alert(myT)}, 2000);

- La première boîte de dialogue "alert" affiche correctement "tintin..."
- La seconde devrait afficher le contenu de la variable myT, c'est-à-dire la valeur de la propriété textContent. En fait rien ne s'affiche : la boîte de dialogue est tout simplement vide...

Je n'ai pas d'explication pour l'instant sur ce comportement inattendu...

Bien cordialement

**eleydet** · 02/08/2017, 22h47

Bonjour,

Une solution peut-être?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      onload=function() {
        myBody = frames[0].document.body;
        myT = myBody.textContent;
        alert(myT);
      };
    </script>
  </head>
  <body>
    <iframe src="myFile.html" id="myFrame"> </iframe>
  </body>
</html>

**eleydet** · 03/08/2017, 11h02

Rebonjour,

Encore une autre solution, peut-être?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      onload=function() {
        myiFrame = document.getElementById('myFrame');
        myBody = myiFrame.contentWindow.document.body;
        myT = myBody.textContent;
        alert(myT);
      };
    </script>
  </head>
  <body>
    <iframe src="myFile.html" id="myFrame"> </iframe>
  </body>
</html>

Récupération du texte dans un élément html iframe

JavaScript

Discussions similaires

Partager

Partager