Αντικείμενο Window Document

Αντικείμενο Document

Όταν το HTML έγγραφο φορτώνεται στον περιηγητή του Web, γίνεται έναΑντικείμενο του έγγραφου.

Αντικείμενο του έγγραφουη ρίζα του HTML έγγραφου.

Αντικείμενο του έγγραφουείναιΤο αντικείμενο του παραθύρουγια τις ιδιότητες.

Πρόσβαση με τους παρακάτω τρόπουςΑντικείμενο του έγγραφου:

window.document ή απλά document

Παράδειγμα

let url = window.document.URL;

Δοκιμάστε το προσωπικά

let url = document.URL;

Δοκιμάστε το προσωπικά

Πρότυπα και μεθόδους του αντικειμένου του έγγραφου

Τα παρακάτω πρότυπα και μεθόδους μπορούν να χρησιμοποιηθούν στο HTML έγγραφο:

Πρότυπο / Μέθοδος Περιγραφή
activeElement Επιστρέφει το στοιχείο που έχει την ένταση του φokus στο έγγραφο.
addEventListener() Attach an event handler to the document.
adoptNode() Adopt a node from another document.
anchors Απόρριψη.
applets Απόρριψη.
baseURI Return the absolute base URI of the document.
body Set or return the body ( <body> element ) of the document.
charset Απόρριψη.
characterSet Return the character encoding of the document.
close() Close the output stream previously opened with document.open().
cookie Return the name/value pairs of all cookies in the document.
createAttribute() Create an attribute node.
createComment() Create a Comment node with specified text.
createDocumentFragment() Create an empty DocumentFragment node.
createElement() Create an element node.
createEvent() Create a new event.
createTextNode() Create a text node.
defaultView Return the window object associated with the document, or null if not available.
designMode Control whether the entire document should be editable.
doctype Return the document type declaration associated with the document.
documentElement Return the Document element of the document (<html> element).
documentMode Απόρριψη.
documentURI Set or return the location of the document.
domain Return the domain name of the server that loaded the document.
domConfig Απόρριψη.
embeds Return the collection of all <embed> elements in the document.
execCommand() Απόρριψη.
forms Return the collection of all <form> elements in the document.
getElementById() Return the element with the specified ID attribute value.
getElementsByClassName() Return all elements that have the specified class name. HTMLCollection.
getElementsByName() Return the active elements that have the specified name. NodeList.
getElementsByTagName() Return all elements that have the specified tag name. HTMLCollection.
hasFocus() Return a boolean value indicating whether the document has focus.
head Return the <head> element of the document.
images Return the collection of all <img> elements in the document.
implementation Επιστρέφει το αντικείμενο DOMImplementation που επεξεργάζεται το έγγραφο.
importNode() Εισάγει το κόμβο από ένα άλλο έγγραφο.
inputEncoding Απόρριψη.
lastModified Επιστρέφει την ημερομηνία και την ώρα της τελευταίας τροποποίησης του εγγράφου.
links Επιστρέφει τη συλλογή των στοιχείων <a> και <area> που έχουν την ιδιότητα href του εγγράφου.
normalize() Διαγράφει τα κενά κείμενα και συνδέει τις παρακείμενες γωνίες.
normalizeDocument() Απόρριψη.
open() Ανοίγει την έξοδο HTML για τη συλλογή της έξοδου από το document.write().
querySelector() Επιστρέφει το πρώτο στοιχείο που ταιριάζει στο καθορισμένο CSS επιλέκτη.
querySelectorAll() Επιστρέφει μια στατική NodeList που περιέχει όλα τα στοιχεία που ταιριάζουν στο καθορισμένο CSS επιλέκτη.
readyState Επιστρέφει την κατάσταση φόρτωσης του εγγράφου (φόρτωση).
referrer Επιστρέφει την URL του εγγράφου που φορτώθηκε.
removeEventListener() Αφαιρεί το επεξεργαστή γεγονότων από το έγγραφο (δημιουργήθηκε) Μέθοδος addEventListener() Προσθέτοντας).
renameNode() Απόρριψη.
scripts Επιστρέφει τη συλλογή των στοιχείων <script> του εγγράφου.
strictErrorChecking Απόρριψη.
title Επιτρέπει ή επιστρέφει τον τίτλο του εγγράφου.
URL Επιστρέφει την πλήρη URL του HTML εγγράφου.
write() Γράφει μια έκφραση HTML ή κώδικα JavaScript στο έγγραφο.
writeln() Όπως η write(), αλλά προσθέτει παραπάνω κάθε γραμμή.

Περιγραφή του αντικειμένου Document

Η διεπαφή HTMLDocument επεκτείνει τη διεπαφή Document του DOM, ορίζοντας ιδιότητες και μεθόδους ειδικές για το HTML.

Πολλές ιδιότητες και μεθόδους είναι αντικείμενα HTMLCollection (στην πραγματικότητα είναι αναγνωρίσιμα ως μάζα ή ακολουθία με ονομαστική αναφορά, αναγνωρισμένα ως αναγνωρισμένα στοιχεία), που αποθηκεύουν αναφορές σε αγκυρές, φόρμες, συνδέσμους και άλλα στοιχεία που μπορούν να γραφτούν από το σενάριο.

Αυτές οι ιδιότητες συλλογής προέρχονται από το επίπεδο 0 του DOM. Έχουν ήδη Document.getElementsByTagName() αλλά εξακολουθεί να χρησιμοποιείται συχνά, επειδή είναι πολύ εύκολη.

μεθόδος write()Ότι πρέπει να σημειωθεί είναι ότι κατά την φόρτωση και ανάλυση του έγγραφου, επιτρέπει σε ένα σενάριο να εισάγει δυναμικά δημιουργημένο περιεχόμενο στο έγγραφο.

Σημείωση, στο 1ο επίπεδο DOM, η HTMLDocument ορίζει έναν ονομαζόμενο getElementById() ένα πολύ χρήσιμο μέθοδο. Στο 2ο επίπεδο DOM, η μέθοδος έχει μετακινηθεί στο interface Document, τώρα η HTMLDocument την κληρονομεί αντί να την ορίζει.