getElementById et object

**pascalg2** · 15/02/2016, 16h13

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 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
<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 html :

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

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

**Watilin** · 16/02/2016, 14h28

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 :

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

document.getElementById("fen01").contentDocument.getElementById("madiv").innerHTML

**pascalg2** · 16/02/2016, 18h30

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.

getElementById et object

JavaScript

Vue hybride

Discussions similaires

Partager

Partager