Obiekt Document w HTML DOM

obiekt Document

Kiedy dokument HTML jest ładowany do przeglądarki internetowej, staje sięObiekt dokumentu.

Obiekt dokumentukorzeniem dokumentu HTML.

Obiekt dokumentujestObiekt oknajego atrybutów.

Można go uzyskać w następujący sposóbObiekt dokumentu:

window.document lub tylko document

Przykład

let url = window.document.URL;

Spróbuj sam!

let url = document.URL;

Spróbuj sam!

Atrybuty i metody obiektu dokumentu

Poniższe atrybuty i metody można używać w dokumencie HTML:

Atrybuty / Metody Opis
all[] Zwraca odniesienie do wszystkich elementów HTML w dokumencie.
activeElement Zwraca element, który jest bieżącym elementem aktywnym w dokumencie.
addEventListener() Dołącza manipulator wydarzeń do dokumentu.
adoptNode() Przyjmuje węzeł z innego dokumentu.
anchors Przestarzałe.
applets Przestarzałe.
baseURI Zwraca absolutny URI bazy dokumentu.
body Ustawia lub zwraca treść dokumentu (element <body>).
charset Przestarzałe.
characterSet Zwraca kod karakterowy dokumentu.
close() Zamyka strumień wyjściowy otwarty wcześniej za pomocą document.open().
cookie Zwraca nazwę/wartość par cookie w dokumencie.
createAttribute() Tworzy węzeł atrybutu.
createComment() Tworzy węzeł Comment z określonym tekstem.
createDocumentFragment() Tworzy pusty węzeł DocumentFragment.
createElement() Tworzy węzeł elementu.
createEvent() Tworzy nowe wydarzenie.
createTextNode() Tworzy węzeł tekstowy.
defaultView Zwraca obiekt okna związany z dokumentem, jeśli jest dostępny, w przeciwnym razie zwraca null.
designMode Kontroluje, czy cały dokument powinien być edytowalny.
doctype Zwraca deklarację typu dokumentu (doctype) związaną z dokumentem.
documentElement Zwraca element Document dokumentu (element <html>).
documentMode Przestarzałe.
documentURI Ustawia lub zwraca lokalizację dokumentu.
domain Zwraca domenę nazwę serwera, który ładuje dokument.
domConfig Przestarzałe.
embeds Zwraca zbiór wszystkich elementów <embed> w dokumencie.
execCommand() Przestarzałe.
forms Zwraca zbiór wszystkich elementów <form> w dokumencie.
getElementById() Zwraca elementy posiadające ID o określonej wartości.
getElementsByClassName() Zwraca zbiór wszystkich elementów posiadających określony nazwę klasy. HTMLCollection.
getElementsByName() Zwraca aktywne elementy posiadające określony nazwę. NodeList.
getElementsByTagName() Zwraca zbiór wszystkich elementów posiadających określony nazwę etykiety. HTMLCollection.
hasFocus() Zwraca wartość logiczną wskazującą, czy dokument ma skoncentrowany punkt.
head Zwraca element <head> dokumentu.
images Zwraca zbiór wszystkich elementów <img> w dokumencie.
implementation Zwraca obiekt DOMImplementation, który obsługuje ten dokument.
importNode() Importuje węzeł z innego dokumentu.
inputEncoding Przestarzałe.
lastModified Zwraca datę i czas ostatniej modyfikacji dokumentu.
links Zwraca kolekcję wszystkich elementów <a> i <area> w dokumencie, które mają atrybut href.
normalize() Usuwa puste węzły tekstowe i łączy sąsiednie węzły.
normalizeDocument() Przestarzałe.
open() Otwiera strumień wyjściowy HTML, aby zbierać wyjście z document.write().
querySelector() Zwraca pierwszy element dopasowany do podanego selektora CSS w dokumencie.
querySelectorAll() Zwraca statyczny NodeList zawierający wszystkie elementy dopasowane do podanego selektora CSS w dokumencie.
readyState Zwraca stan (ładowania) dokumentu.
referrer Zwraca URL dokumentu, z którego jest ładowany bieżący dokument.
removeEventListener() Usuwa event handler z dokumentu (używane metoda addEventListener() dodatkowe).
renameNode() Przestarzałe.
scripts Zwraca kolekcję elementów <script> w dokumencie.
strictErrorChecking Przestarzałe.
title Ustawia lub zwraca tytuł dokumentu.
URL Zwraca pełny URL dokumentu HTML.
write() Zapisuje wyrażenie HTML lub kod JavaScript do dokumentu.
writeln() Jak write(), ale z dodatkowym znakiem nowej linii po każdym zdaniu.

Opis obiektu Document

Interfejs HTMLDocument rozszerza interfejs Document DOM, definiując atrybuty i metody specyficzne dla HTML.

Wiele atrybutów i metod jest obiektami HTMLCollection (w rzeczywistości są to nieczytelne tablice lub tablice indeksowane nazwami), które przechowują odniesienia do akrów, formularzy, linków oraz innych elementów scriptowych.

Te atrybuty kolekcji pochodzą z 0 poziomu DOM. Zostały Document.getElementsByTagName() zastąpiona, ale wciąż często używana, ponieważ jest bardzo wygodna.

metoda write()Warto zauważyć, że podczas ładowania i analizowania dokumentu, pozwala to skryptowi na wstawienie dynamicznie generowanej treści do dokumentu.

Uwaga, w 1 poziomie DOM, HTMLDocument zdefiniował nazwę getElementById() Bardzo przydatne metody. W 2 poziomie DOM, metoda została przeniesiona do interfejsu Document, teraz jest dziedziczona przez HTMLDocument zamiast być zdefiniowaną przez nią.