HTML DOM Document-objekti

Document-objektiksi

Kun HTML-dokumentti ladataan Web-selaimessa, se muuttuuDokumenttirooli.

DokumenttirooliHTML-dokumentin juurelementti.

DokumenttiroolionIkkunarooliominaisuuksilla.

Tavoitetaan seuraavilla tavoillaDokumenttirooli:

window.document tai vain document

Esimerkki

let url = window.document.URL;

Kokeile itse!

let url = document.URL;

Kokeile itse!

Dokumenttirooli ominaisuudet ja metodit

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

Ominaisuudet / Metodit Kuvaus
all[] Palauttaa viittauksen kaikkiin HTML-elementteihin dokumentissa.
activeElement Palauttaa dokumentista nykyisen keskittyneen elementin.
addEventListener() Lisää tapahtumankäsittelijä dokumenttiin.
adoptNode() Ota vastaan toisesta dokumentista tulevia solmuja.
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() -kutsulla avattu ulostulovirta.
cookie Palauttaa dokumentin kaikkien evästeiden nimi-arvoparit.
createAttribute() Luo ominaisuuspisteen.
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 toimialueen.
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 ID-ominaisuus määritellyllä arvolla.
getElementsByClassName() Palauttaa kokoelman kaikista elementeistä, joilla on määritelty tietty luokan nimi. HTMLCollection.
getElementsByName() Palauttaa kokoelman kaikista aktiivisista elementeistä, joilla on määritelty tietty nimi. NodeList.
getElementsByTagName() Palauttaa kokoelman kaikista elementeistä, joilla on määritelty tietty leimaverkkonimi. 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 käsittelevän tämän dokumentin DOMImplementation-objektin.
importNode() Tuo solmu toisesta dokumentista.
inputEncoding Hylätty.
lastModified Palauttaa dokumentin viimeksi muutetun päivämäärän ja aikamiekan.
links Palauttaa kokoelman kaikista dokumentissa olevista href-ominaisuuden omaavista <a>- ja <area>-elementeistä.
normalize() Poistaa tyhjät tekstinodetit ja yhdistää lähellä olevat solmut.
normalizeDocument() Hylätty.
open() Avaa HTML-tulostulon keräämään dokumentin write()-kutsujen tulostimen.
querySelector() Palauttaa ensimmäisen dokumentissa määritellyn CSS-valitsimen vastaavan elementin.
querySelectorAll() Palauttaa staattisen NodeList-objektin, joka sisältää kaikki dokumentissa määritellyt CSS-valitsimet.
readyState Palauttaa dokumentin (latauksen) tilan.
referrer Palauttaa URL-osoitteen, josta nykyinen dokumentti on ladattu.
removeEventListener() Poistaa dokumentista tapahtumankäsittelijän (jota on jo käytetty) addEventListener() -menetelmä lisätyllä).
renameNode() Hylätty.
scripts Palauttaa dokumentin <script>-elementtien kokoelman.
strictErrorChecking Hylätty.
title Asettaa tai palauttaa dokumentin otsikon.
URL Palauttaa HTML-dokumentin täyden URL-osoitteen.
write() kirjoittaa HTML-lausekkeita tai JavaScript-koodia dokumenttiin.
writeln() Sama kuin write(), mutta lisää jokaiseen lauseeseen rivinvaihdon.

Document-objektin kuvaus

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

Monet ominaisuudet ja metodit ovat HTMLCollection-objekteja (toden totta, ne ovat lukea vain taulukkoja tai nimellisiä indeksoivia taulukoita), joissa tallennetaan viittauksia ankkureihin, lomakkeisiin, linkkeihin ja muihin skriptin käsitteleviin elementteihin.

Nämä kokoelmaominaisuudet ovat peräisin 0. tason DOM:sta. Ne ovat jo Document.getElementsByTagName() sen sijaan ne ovat edelleen usein käytössä, 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ää nimeltään getElementById() erittäin hyödyllinen menetelmä. 2. tason DOM:ssa menetelmä on siirretty Dokumentti-liittymään, ja se on nyt HTMLDocumentin perintä eikä se määritä sitä.