getElementById et object

Version imprimable

Bonjour,
j'essaye d'accéder au contenu d'une seule div dans un fichier html chargé par object.
J'ai essayé avec frameElement, document.getElementById... rien ne fonctionne.
Je précise que le script pour récupérer les données est dans le fichier principal.
fichier1.htm :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head> <script> function recup() { var provi = document.getElementById("madiv").innerHTML; // ne fonctionne pas alert(provi); return; } </script> </head> <body> <object id="fen01" name="fen01" data="fichier2.htm" type="text/html" width="80" height="80"> blablabla ..... recup(); blablabla </body> </html>
fichier2.htm :
Code:

1 2 3 4 5 6 7 <htm> <body> <div id="madiv">blabla</div> <div id="deux">reblablabla</div> <div id= trois">encore blablabla</div> </body> </htm>
y a t'il un moyer de faire un truc de ce genre : document.getElementById("fen01").document.getElementById("madiv").innerHTML ?

Merci de vous pencher sur ce problème assez irritant.

PS : je travaille en local, pas de serveur, pas de php... juste html, css et js

16/02/2016, 14h28
Watilin

Salut,

tu peux accéder au contenu de la page incluse, dans la mesure où son accès est autorisé par la same-origin policy : il faut que les deux pages soient du même domaine. Dans le cas du protocole file:, tu n'as aucun problème, mais tu devras faire attention à ça si tu passes par http:.

Comme avec les iframes, tu as accès aux objets document et window de la page incluse via les propriétés contentDocument et contentWindow, respectivement.

Code:

document.getElementById("fen01").contentDocument.getElementById("madiv").innerHTML
16/02/2016, 18h30
pascalg2

Pile poil

Bonjour,

Merci Watilin, c'est exactement ce que je cherchais.

Je m'en sors pas trop mal avec les cadres mais je n'aurais pas trouvé cette solution.

Merci encore.