Cómo actualizar un DOM de otra ventana

El Document Object Model (DOM) es una descripción jerárquica de una página Web en términos de sus elementos HTML y su estructura anidada. Los elementos de la página Web de un DOM se puede acceder y cambiar dinámicamente después de la página se carga utilizando código JavaScript. Si está desarrollando un sitio web que emplea múltiples ventanas del navegador, el código JavaScript que se ejecuta en una ventana puede acceder y cambiar la estructura DOM de otra ventana también.

Instrucciones

1 Almacenar los resultados del método "window.open" a una variable con el fin de preservar una referencia a una ventana que se abre con JavaScript. Por ejemplo, utilice "window.open" en su Javascript esta manera, sustituyendo el argumento de "abierta" con la URL de la página para ser cargados en la nueva ventana:

var windowRef = window.open ( "windowpage.html");

Si se va a utilizar funciones separadas para alterar el DOM de la nueva ventana, tienda "windowRef" como una variable global mediante la colocación de su declaración inicial fuera de la función.

2 Utilice la variable "windowRef" como punto de acceso para el DOM del documento en la otra ventana. Por ejemplo, utilizar el método de "escritura" del objeto "documento" para sustituir el contenido de la otra ventana como la siguiente:

windowRef.document.write ( "Nuevo contenido DOM");

También puede utilizar métodos como "getElemenById" y "getElementsByTagName" para hacer referencia a elementos específicos en la estructura DOM en la otra ventana.

3 Utilice el "abridor" palabra clave para hacer referencia a la estructura del DOM de la ventana que se abre la ventana actual. Por ejemplo, para cambiar el color de fondo del documento que se abrió la ventana actual, utilice este comando:

window.opener.document.body.style.backgroundColor = "negro";