Voy a explicar como acceder a un elemento HTML de un iframe usando DOM.
DOM es una librería orientada a objetos.
La idea no es que copies y pegues y ya, tendrías que entender el código que te paso y estudiar POO para sacar algo realmente provechoso para vos.
El método
getElementBy del objeto
document te sirve para obtener referencias a los elementos HTML de ese documento.
Como el div "MyDiv" al que querés acceder se encuentra en otro documento tendremos que usar el objeto
document de el documento donde se encuentra, a través del iframe.
Código HTML:
<iframe id="iframePagina1" src="Pagina1.html"></iframe>
Código Javascript
:
Ver original// usamos el iframe para acceder al objeto document de Pagina1.html
var iframeDocument = document.getElementById('iframePagina1').contentDocument;
// usando el método getElementById de ese objeto accedemos a 'MyDiv'
var miDiv = iframeDocument.getElementById('MyDiv');
/*
Listo, la variable miDiv es una referencia al div en cuestión con todos sus métodos y atributos
*/
Referencia:
http://www.w3schools.com/jsref/dom_obj_frame.asp