Accéder aux éléments iframe entre domaines en utilisant JavaScript

J'ai un iframe dans ma page html et je souhaite accéder à un certain contenu de la page ouverte dans cet iframe.

<table border="1" width="100%" height="100%"> <tr> <td id = "freebase_td"> <iframe id = "freebase_frame" src="http://www.freebase.com/view/en/angelina_jolie" width="100%" height="400px"></iframe> </td> </tr> </table> 

Dans la source de cette page Web,

  <h1 id="page-title"> Angelina Jolie </h1> 

Je souhaite accéder au contenu de la balise h1 avec id "page-title" à l'aide de javascript. Est-ce possible?

Vous devriez d'abord lire sur la politique d'origine du navigateur . Cela empêche javascript d'un cadre ou d'une fenêtre ou d'un iframe dans une origine d'accéder au contenu ou aux scripts d'une autre image dans une origine différente. Donc, si votre iframe n'est pas la même origine que la page de votre script, il ne peut pas accéder directement au contenu de l'iframe.

Si vous avez l'un des derniers navigateurs et que vous codez les deux cadres pour coopérer (cela signifie que vous devez contrôler le code javascript dans les deux images), il existe une nouvelle fonctionnalité appelée messagerie de fenêtre qui peut être utilisée pour transmettre des informations entre des images de différentes origines .