Window Document-objekti

Document-objektiksi

Kun HTML-dokumentti ladataan verkkoselaimessa, se muuttuuDokumenttiobjekti.

Dokumenttiobjektion HTML-dokumentin juurin.

DokumenttiobjektionIkkunaojen objektiominaisuuksiin.

Käytetään seuraavilla tavoillaDokumenttiobjekti:

window.document tai vain document

Esimerkki

let url = window.document.URL;

Kokeile itse!

let url = document.URL;

Kokeile itse!

Dokumenttiobjektin ominaisuudet ja metodit

Seuraavat ominaisuudet ja metodit ovat käytettävissä HTML-dokumentissa:

Ominaisuus / Metodi Kuvaus
activeElement Palauttaa dokumentista nykyisen kohdistetun elementin.
addEventListener() Lisää tapahtumankäsittelijä dokumenttiin.
adoptNode() Ota vastaan toisesta dokumentista tulevat solmut.
anchors Hylätty.
applets Hylätty.
baseURI Palauttaa dokumentin absoluuttisen perus-URI:n.
body Asettaa tai palauttaa dokumentin tekstin (<body>-elementti).
charset Hylätty.
characterSet Palauttaa dokumentin merkkikoodauksen.
close() Sulje aiemmin document.open()llä avattu ulostulovirta.
cookie Palauttaa dokumentissa olevien kaikkien cookiiden nimi-arvoparit.
createAttribute() Luo attribuuttipisteen.
createComment() Luo Comment-pisteen, jossa on määritelty teksti.
createDocumentFragment() Luo tyhjän DocumentFragment-pisteen.
createElement() Luo elementtipisteen.
createEvent() Luo uuden tapahtuman.
createTextNode() Luo tekstipisteen.
defaultView Palauttaa dokumenttiin liittyvän ikkunaobjektin, jos sitä ei ole saatavilla, palauttaa null.
designMode Kontrolloi, pitäisikö koko dokumentti olla muokattavissa.
doctype Palauttaa dokumenttiin liittyvän dokumentityypin.
documentElement Palauttaa dokumentin Document-elementin (<html>-elementti).
documentMode Hylätty.
documentURI Asettaa tai palauttaa dokumentin sijainnin.
domain Palauttaa dokumentin lataavan palvelimen domain-nimen.
domConfig Hylätty.
embeds Palauttaa kokoelman kaikista dokumentissa olevista <embed>-elementeistä.
execCommand() Hylätty.
forms Palauttaa kokoelman kaikista dokumentissa olevista <form>-elementeistä.
getElementById() Palauttaa elementin, jolla on määritelty tietty ID-arvo.
getElementsByClassName() Palauttaa kaikki elementit, joilla on määritelty tietty luokka. HTMLCollection.
getElementsByName() Palauttaa kaikki aktiiviset elementit, joilla on määritelty tietty nimi. NodeList.
getElementsByTagName() Palauttaa kaikki elementit, joilla on määritelty tietty leima. HTMLCollection.
hasFocus() Palauttaa totuusarvon, joka viittaa siihen, onko dokumentti keskittyneenä.
head Palauttaa dokumentin <head>-elementin.
images Palauttaa kokoelman kaikista dokumentissa olevista <img>-elementeistä.
implementation Palauttaa tämän dokumentin käsittävän DOMImplementation-objektin.
importNode() Tuo solmu toisesta dokumentista.
inputEncoding Hylätty.
lastModified Palauttaa dokumentin viimeksi muutetun päivämäärän ja kellonajan.
links Palauttaa kokoelman kaikki <a> ja <area>-elementit, joilla on href-ominaisuus.
normalize() Poistaa tyhjät tekstinodetit ja yhdistää lähellä olevat solmut.
normalizeDocument() Hylätty.
open() Avaa HTML-ulostuluvirran kerätäkseen dokument.write() -kutsujen tuloksen.
querySelector() Palauttaa ensimmäisen elementin, joka vastaavat määritettyä CSS-valitsinta.
querySelectorAll() Palauttaa staattisen NodeList:n, joka sisältää kaikki dokumentissa olevat elementit, jotka vastaavat määritettyä CSS-valitsinta.
readyState Palauttaa dokumentin (latauksen) tilan.
referrer Palauttaa dokumentin, joka ladataan, URL-osoitteen.
removeEventListener() Poistaa dokumentista tapahtumankäsittelijän (jo käytetty) addEventListener() -menetelmä lisäyksenä).
renameNode() Hylätty.
scripts Palauttaa dokumentissa olevien <script>-elementtien kokoelman.
strictErrorChecking Hylätty.
title Asettaa tai palauttaa dokumentin otsikon.
URL Palauttaa HTML-dokumentin täyden URL-osoitteen.
write() Kirjoittaa HTML-lauseen tai JavaScript-koodin dokumenttiin.
writeln() Sama kuin write(), mutta lisää jokaisen lauseen jälkeen rivinvaihdon.

Document-objektin kuvaus

HTMLDocument -liittymä laajentaa DOM Document -liittymää ja määrittelee HTML:lle erityisiä ominaisuuksia ja menetelmiä.

Monet ominaisuudet ja metodit ovat HTMLCollection-objekteja (todenperään ne ovat lukea vain taulukkoja tai nimellisesti indeksoituja taulukkoja), joissa tallennetaan viittauksia ankkureihin, lomakkeisiin, linkkeihin ja muihin skriptitukeviin elementteihin.

Nämä kokoelmaominaisuudet ovat peräisin 0. tason DOM:sta. Ne ovat jo Document.getElementsByTagName() korvattu, mutta niitä käytetään edelleen usein, koska ne ovat käteviä.

write() -menetelmäHuomattavaa on, että dokumentin lataamisen ja analysoinnin aikana se sallii skriptin lisätä dynaamisesti luotua sisältöä dokumenttiin.

Huomaa, että 1. tason DOM:ssa HTMLDocument määrittää nimeä getElementById() erittäin hyödyllinen menetelmä. 2. tason DOM:ssa menetelmä on siirretty Dokumentti-siirtoon, ja se on nyt HTMLDocumentin perinnäinen eikä määritelty sitä.