Accesso agli elementi iframe in JavaScript

Ho una pagina Web in cui è presente un'area di testo all'interno di un iframe. Ho bisogno di leggere il valore di questa textarea dalla sua pagina figlio usando JavaScript.Accesso agli elementi iframe in JavaScript

Attualmente utilizzando window.parent.getelementbyID().value nel JavaScript, sono in grado di recuperare i valori di tutti i controlli nella pagina padre tranne la textarea all'interno dell'iframe.

Qualcuno può darmi qualche suggerimento per risolvere questo problema?

fonte

2009-09-20 archana roy

Qualcuno può aiutarmi per favore con la logica? –

possibile duplicato di [Come posso accedere agli elementi iFrame con Javascript?] (Http://stackoverflow.com/questions/1452871/how-can-i-access-iframe-elements-with-javascript) – Mark

Utilizzare 'window.frames ['myIFrame']. contentDocument.getElementById ('myIFrameElemId') 'che funziona nei browser moderni (ad es. Firefox 35) - e fai attenzione alla politica della stessa origine – caw

Se l'iframe si trova nello stesso dominio della pagina principale, è possibile accedere agli elementi utilizzando la raccolta document.frames.

// replace myIFrame with your iFrame id 
// replace myIFrameElemId with your iFrame's element id 
// you can work on document.frames['myIFrame'].document like you are working on 
// normal document object in JS 
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Se l'iframe non si trova nello stesso dominio, il browser deve impedire tale accesso per motivi di sicurezza.

fonte

2009-09-20 17:00:52 RaYell

Grazie mille per i tuoi suggerimenti. Ma il problema è che l'ID frame n nome frame nella mia pagina padre cambia in runtime, quindi non possiamo usare il nome frame/frame per riferimento. Esiste un altro modo in cui Ra Yell? .. –

La pagina madre genitore/figlio si trova nello stesso dominio. –

Se c'è una sola iframe sul tuo sito puoi provare a usare 'document, frames [0] .document'. Se ce ne sono altri, è necessario modificare l'indice con un altro valore. – RaYell

Si dovrebbe accedere fotogrammi da window e non document

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

fonte

2011-11-01 17:44:43

questa risposta non funziona per me ... –

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

non funziona per me, ma ho trovato un'altra soluzione. Uso:

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId')

Ho controllato su Firefox e Chrome.

fonte

2013-12-23 19:49:20

Continuo a colpire un errore di sicurezza anche se le pagine web sono entrambe offline. – TheBrenny

questo codice ha funzionato per me:

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId');

fonte

2016-10-28 14:54:15

Assicurarsi che l'iframe è già caricato. Vecchio ma affidabile modo senza 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>

fonte

2017-03-14 09:45:56 lukyer

Accesso agli elementi iframe in JavaScript

risposta

Problemi correlati