JavaScript HTML DOM Δокументος

Το αντικείμενο Document HTML DOM είναι ο κύριος ιδιοκτήτης όλων των άλλων αντικειμένων στην ιστοσελίδα σας.

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

Το αντικείμενο document αντιπροσωπεύει τη σελίδα σας.

Αν θέλετε να επισκεφθείτε οποιοδήποτε στοιχείο της σελίδας HTML, ξεκινάτε πάντα από την πρόσβαση στο αντικείμενο document.

Ακολουθούν μερικά παραδείγματα για το πώς να χρησιμοποιήσετε το αντικείμενο document για να επισκεφθείτε και να操作 HTML.

Αναζήτηση στοιχείων HTML

Μέθοδος Περιγραφή
document.getElementById(id) Αναζήτηση στοιχείων μέσω του id του στοιχείου
document.getElementsByTagName(name) Αναζήτηση στοιχείων μέσω του ονόματος ετικέτας
document.getElementsByClassName(name) Αναζήτηση στοιχείων μέσω του ονόματος κλάσης

Αλλαγή στο στοιχείο HTML

Μέθοδος Περιγραφή
element.innerHTML = νέο περιεχόμενο HTML Αλλαγή του inner HTML στο στοιχείο
στοιχείο.attribute = νέα τιμή Αλλαγή της τιμής της ιδιότητας του στοιχείου HTML
στοιχείο.setAttribute(ιδιότητα, τιμή) Αλλαγή της τιμής της ιδιότητας του στοιχείου HTML
στοιχείο.style.property = new style Αλλαγή του στυλ του στοιχείου HTML

Προσθήκη και διαγραφή στοιχείων

Μέθοδος Περιγραφή
document.createElement(στοιχείο) Δημιουργία στοιχείου HTML
document.removeChild(στοιχείο) Διαγραφή στοιχείου HTML
document.appendChild(στοιχείο) Προσθήκη στοιχείου HTML
document.replaceChild(στοιχείο) Αντικατάσταση στοιχείου HTML
document.write(text) Εcriture sur le flux de sortie HTML

Προσθήκη επεξεργαστή συμβάντος

Μέθοδος Περιγραφή
document.getElementById(id).onclick = function(){code} Προσθήκη επεξεργαστή συμβάντος στο onclick

Αναζήτηση αντικειμένων HTML

Πρώτη HTML DOM Level 1 (1998), ορίστηκαν 11 αντικείμενα HTML, συλλογές αντικειμένων και ιδιότητες. Είναι toujours valides dans l'HTML5.

Μετά, στο HTML DOM Level 3, προστέθηκαν περισσότεροι αντικείμενα, συλλογές και ιδιότητες.

Ιδιότητες Περιγραφή DOM
document.anchors Επιστροφή όλων των στοιχείων <a> με την ιδιότητα name. 1
document.applets Επιστροφή όλων των στοιχείων <applet>(Δεν προτείνεται η χρήση στο HTML5) 1
document.baseURI Επιστροφή του αβсолютου βάθους URI του έγγραφου 3
document.body Επιστροφή του στοιχείου <body> 1
document.cookie Επιστροφή του cookie του έγγραφου 1
document.doctype Επιστροφή του doctype του έγγραφου 3
document.documentElement Επιστροφή του στοιχείου <html> 3
document.documentMode Επιστροφή του μοτίβου που χρησιμοποιεί ο περιηγητής 3
document.documentURI Επιστροφή του URI του έγγραφου 3
document.domain Επιστροφή του ονόματος του διακομιστή του έγγραφου 1
document.domConfig Απόρριψη.Επιστροφή της Δομής DOM 3
document.embeds Επιστροφή όλων των στοιχείων <embed> 3
document.forms Επιστροφή όλων των στοιχείων <form> 1
document.head Επιστροφή του στοιχείου <head> 3
document.images Επιστροφή όλων των στοιχείων <img> 1
document.implementation Επιστροφή της υλοποίησης DOM 3
document.inputEncoding Επιστροφή της κωδικοποίησης του έγγραφου (γλωσσάρι) 3
document.lastModified Επιστροφή της ημερομηνίας και της ώρας της ενημέρωσης του έγγραφου 3
document.links Επιστροφή όλων των στοιχείων <area> και <a> με την ιδιότητα href 1
document.readyState Επιστροφή της κατάστασης του έγγραφου (φόρτωση) 3
document.referrer Επιστροφή του αναφερόμενου URI (εγγραφή δεδομένων) 1
document.scripts Επιστροφή όλων των στοιχείων <script> 3
document.strictErrorChecking Επιστροφή αν υπάρχει υποχρεωτικός έλεγχος σφαλμάτων 3
document.title Επιστροφή του στοιχείου <title> 1
document.URL Επιστροφή της πλήρους URL του έγγραφου 1