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

Version imprimable

2 pièce(s) jointe(s)

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:

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

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

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

Bonjour,

Une solution peut-être?

Code:

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>

Rebonjour,

Encore une autre solution, peut-être?

Code:

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>