Hvordan oppdatere en DOM av et annet vindu

The Document Object Model (DOM) er en hierarkisk beskrivelse av en webside i form av dens HTML-elementer og deres nestet struktur. Elementene i en webside DOM kan nås og endres dynamisk etter at siden er lastet ved hjelp av Javascript-kode. Hvis du utvikler et nettsted som bruker flere nettleservinduer, Javascript-kode som kjører i ett vindu kan få tilgang til og endre DOM strukturen i et annet vindu også.

Bruksanvisning

1 Lagre resultatene av "window.open" metoden til en variabel for å bevare en referanse til et vindu som du åpner med Javascript. Bruk for eksempel "window.open" i Javascript denne måten erstatte argumentet med "åpen" med nettadressen til siden som skal legges i nytt vindu:

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

Hvis du har tenkt å bruke separate funksjoner for å endre DOM i det nye vinduet, store "windowRef" som en global variabel ved å plassere sin opprinnelige erklæring utenfor funksjonen.

2 Bruk "windowRef" variable som et tilgangspunkt for DOM av dokumentet i det andre vinduet. For eksempel bruke "skrive" metoden for "dokument" objekt for å erstatte innholdet i det andre vinduet som dette:

windowRef.document.write ( "Ny DOM innhold");

Du kan også bruke metoder som "getElementById" og "getElementsByTagName" for å referere til bestemte elementer i DOM strukturen i det andre vinduet.

3 Bruk "åpneren" søkeord for å referere til DOM strukturen i vinduet som åpnet vinduet. For eksempel vil endre bakgrunnsfargen i dokumentet som åpnet vinduet, bruker du denne kommandoen:

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