Récupérer une partie d'une page HTML avec iframe et onload

Comme ça chez moi ça fonctionne (IE11). Il y a sûrement plus simple.

Mon fichier "galerie" s'appelle test9248b.html.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head>
<body>
<iframe id="myFrame" src="test9248b.html" style="width:100%; height:250px;"></iframe>
<figure id="galerie"></figure>
 
<script type="text/javascript">
var moncontenu = document.getElementById("myFrame").contentDocument.images;
document.getElementById("myFrame").onload = function() {myFunction()};
function myFunction() {
    document.getElementById("galerie").innerHTML = "";
 for (var i=0;i<moncontenu.length;i++) {
  var uneImage = moncontenu[i];
  var j = "<img src='"+uneImage.src+"'/>";
  document.getElementById("galerie").innerHTML = document.getElementById("galerie").innerHTML + j;
 }
}
</script>
</body>
</html>