Αντικείμενο Document του HTML DOM

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

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

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

Αντικείμενο εγγράφουείναιΑντικείμενο παραθύρουτων ιδιοτήτων.

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

window.document ή απλώς document

Παράδειγμα

let url = window.document.URL;

Προσπάθησε να το δοκιμάσεις!

let url = document.URL;

Προσπάθησε να το δοκιμάσεις!

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

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

Πρότυπο / Μέθοδος Περιγραφή
all[] Επιστρέφει αναφορά σε όλα τα HTML στοιχεία του εγγράφου.
activeElement Επιστρέφει το στοιχείο που έχει την ένταση του φακέλου στο έγγραφο.
addEventListener() Προσθήκη επεξεργαστή γεγονότων στο έγγραφο.
adoptNode() Επιλέγει κόμβους από άλλο έγγραφο.
anchors Απόρριψη.
applets Απόρριψη.
baseURI Επιστρέφει την αβсолютτική βάση URI του έγγραφου.
body Ρυθμίζει ή επιστρέφει το κείμενο του σώματος του έγγραφου (στοιχείο <body>).
charset Απόρριψη.
characterSet Επιστρέφει το χαρακτήρα κωδικοποίησης του έγγραφου.
close() Κλείσιμο του ροής έξοδου που ανοίχθηκε προηγουμένως με το document.open().
cookie Επιστρέφει τη συλλογή των ονομάτων τιμών των cookie του έγγραφου.
createAttribute() Δημιουργία κόμβου ιδιότητας.
createComment() Δημιουργία κόμβου σχολίου με καθορισμένο κείμενο.
createDocumentFragment() Δημιουργία κενού κόμβου DocumentFragment.
createElement() Δημιουργία κόμβου στοιχείου.
createEvent() Δημιουργία νέου γεγονότος.
createTextNode() Δημιουργία κόμβου κειμένου.
defaultView Επιστρέφει το αντικείμενο παραθύρου που σχετίζεται με το έγγραφο, αν δεν υπάρχει διαθέσιμο, επιστρέφει null.
designMode Έλεγχος αν ολόκληρο το έγγραφο θα πρέπει να είναι επεξεργάσιμο.
doctype Επιστρέφει τη δήλωση τύπου του έγγραφου που σχετίζεται με το έγγραφο.
documentElement Επιστρέφει το στοιχείο Document του έγγραφου (στοιχείο <html>).
documentMode Απόρριψη.
documentURI Ρυθμίζει ή επιστρέφει τη θέση του έγγραφου.
domain Επιστρέφει το όνομα του τομέα του διακομιστή που φορτώθηκε το έγγραφο.
domConfig Απόρριψη.
embeds Επιστρέφει τη συλλογή όλων των στοιχείων <embed> του έγγραφου.
execCommand() Απόρριψη.
forms Επιστρέφει τη συλλογή όλων των στοιχείων <form> του έγγραφου.
getElementById() Επιστρέφει το στοιχείο που έχει καθορισμένο το ID με την καθορισμένη τιμή.
getElementsByClassName() Επιστρέφει τη συλλογή όλων των στοιχείων που έχουν καθορισμένο όνομα κλάσης. HTMLCollection.
getElementsByName() Επιστρέφει τη συλλογή των ενεργών στοιχείων που έχουν καθορισμένο όνομα. NodeList.
getElementsByTagName() Επιστρέφει τη συλλογή όλων των στοιχείων που έχουν καθορισμένο όνομα ετικέτας. HTMLCollection.
hasFocus() Επιστρέφει ένα μοναδικό αξία, που δείχνει αν το έγγραφο έχει εστιασμό.
head Επιστρέφει το στοιχείο <head> του έγγραφου.
images Επιστρέφει τη συλλογή όλων των στοιχείων <img> του έγγραφου.
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 επεκτείνει την διεπαφή DOM Document, καθορίζοντας ιδιότητες και μεθόδους ειδικές για το HTML.

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

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

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

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