Obtenir un élément à partir d'un iFrame

Question

Comment obtenir un <div> dans un et l'imprimer sur ma page?

Answer 1

var iframe = document.getElementById('iframeId'); 
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document; 

Vous pouvez plus simplement écrire:

var iframe = document.getElementById('iframeId'); 
var innerDoc = iframe.contentDocument || iframe.contentWindow.document; 

et le premier doc interne valide sera retourné. Une fois que vous obtenez le document interne, vous pouvez simplement accéder à ses documents internes de la même manière que vous auriez accès à n'importe quel élément de votre page actuelle.

IMPORTANT (innerDoc.getElementById ... etc.): Assurez-vous que l'iframe est sur le même domaine, sinon vous ne pouvez pas avoir accès à ses internes. Ce serait un script inter-site.

Answer 2

window.parent.document.getElementById("framekit").contentWindow.CallYourFunction('pass your value') 

CallYourFunction() est fonction page intérieure et que l'action de la fonction sur elle

Answer 3

Aucun des autres réponses travaillaient pour moi. J'ai fini par créer une fonction dans mon iframe qui retourne l'objet que je cherchais:

function getElementWithinIframe() { 
    return document.getElementById('copy-sheet-form'); 
} 

Ensuite, vous appelez cette fonction comme pour ainsi récupérer l'élément:

var el = document.getElementById("iframeId").contentWindow.functionNameToCall(); 

Answer 4

Ne pas oublier d'accéder iframe après son chargement. Ancien mais fiable sans jQuery:

<iframe src="samedomain.com/page.htm" id="iframe" onload="access()"></iframe> 

<script> 
function access() { 
    var iframe = document.getElementById("iframe"); 
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document; 
    console.log(innerDoc.body); 
} 
</script>