Window Document obiekt

obiekt Document

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

Obiekt dokumentukorzeniem dokumentu HTML.

Obiekt dokumentujestObiekt oknaatrybutów.

Można uzyskać dostęp do jego atrybutów 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 są dostępne dla dokumentu HTML:

Atrybuty / Metody Opis
activeElement Zwraca element, który jest obecnie aktywny w dokumencie.
addEventListener() Dołącza programista do dokumentu.
adoptNode() Przyjmuje węzeł z innego dokumentu.
anchors Przestarzałe.
applets Przestarzałe.
baseURI Zwraca absolutny adres URI bazy dokumentu.
body Ustawia lub zwraca treść dokumentu (element <body>).
charset Przestarzałe.
characterSet Zwraca kod karakterów dokumentu.
close() Zamyka strumień wyjściowy otwarty za pomocą document.open().
cookie Zwraca nazwę/wartość wszystkich ciasteczek 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 związaną z dokumentem.
documentElement Zwraca element Document dokumentu (element <html>).
documentMode Przestarzałe.
documentURI Ustawia lub zwraca pozycję dokumentu.
domain Zwraca domenę serwera, który wczytał 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 aktywnych elementów posiadających 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 fokus.
head Zwraca element <head> dokumentu.
images Zwraca zbiór wszystkich elementów <img> w dokumencie.
implementation Zwraca obiekt DOMImplementation przetwarzający 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> posiadających atrybut href w dokumencie.
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 pasujący do określonego selektora CSS w dokumencie.
querySelectorAll() Zwraca statyczny NodeList zawierający wszystkie elementy pasujące do określonego selektora CSS w dokumencie.
readyState Zwraca stan (ładowania) dokumentu.
referrer Zwraca URL dokumentu, z którego jest ładowany.
removeEventListener() Usuwa event handler z dokumentu (używane metoda addEventListener() dodatkowy)
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 można je używać jako niezmiennej tablicy lub tablicy indeksowanej nazwą), które przechowują odniesienia do aky, formularzy, linków oraz innych elementów dostępnych do skryptowania.

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 w trakcie ładowania i analizy dokumentu, pozwala to skryptowi wstawiać dynamicznie generowane treści do dokumentu.

Uwaga, w 1 poziomie DOM, HTMLDocument zdefiniował obiekt o nazwie getElementById() Bardzo użyteczna metoda. W 2 poziomie DOM, metoda ta została przeniesiona do interfejsu Document, teraz jest dziedziczona przez HTMLDocument zamiast być zdefiniowaną przez nią.