schools - ¿Cómo puedo acceder a los elementos de iframe con Javascript?

insertar iframe html

Question

Tengo una página web donde hay una texarea dentro de un iframe. Necesito leer el valor de este textarea desde su página secundaria javascript. Actualmente, al utilizar window.parent.getelementbyID().value en el javascript, puedo obtener valores de todos los controles en la página principal excepto el textarea dentro del iframe.

El ID del marco y el nombre del cuadro en mi página principal cambian en tiempo de ejecución, por lo tanto, no podemos usar el nombre del marco / nombre del cuadro como referencia.

Answer 1

Si tienes el HTML

<form name="formname" .... id="form-first">
    <iframe id="one" src="iframe2.html">
    </iframe>
</form>

y JavaScript

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById(''one'') )

inside ahora es una referencia al documento, por lo que puede obtener getElementsByTagName(''textarea'') y lo que quiera, dependiendo de lo que contenga el iframe src.

Answer 2

Usando jQuery puedes usar contents() . Por ejemplo:

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