Come posso accedere agli elementi iframe con Javascript?

Ho una pagina web in cui c’è una texarea all’interno di un iframe. Ho bisogno di leggere il valore di questa textarea dalla sua pagina figlio javascript. Attualmente utilizzando il valore window.parent.getelementbyID().value In javascript, sono in grado di recuperare i valori di tutti i controlli nella pagina padre tranne la textarea all’interno dell’iframe.

L’id del frame e il nome del frame nella pagina principale cambiano in runtime, quindi non possiamo usare il nome frame / frame per riferimento.

Se hai l’HTML

 

e JavaScript

 function iframeRef( frameRef ) { return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument } var inside = iframeRef( document.getElementById('one') ) 

inside è ora un riferimento al documento, quindi puoi fare getElementsByTagName('textarea') e qualunque cosa ti piaccia, a seconda di cosa c’è dentro l’iframe src.

Usando jQuery puoi usare il contents() . Per esempio:

 var inside = $('#one').contents();