01. DOM Intro

DOM HTML του JavaScript


Με το HTML DOM, η JavaScript μπορεί να αποκτήσει πρόσβαση και να αλλάξει όλα τα στοιχεία (elements) ενός εγγράφου HTML.


Το HTML DOM (μοντέλο αντικειμένου εγγράφου)

Όταν φορτώνεται μια ιστοσελίδα, το πρόγραμμα περιήγησης δημιουργεί ένα Document Οbject Μodel (μοντέλο αντικειμένου εγγράφου) της σελίδας.

Το μοντέλο HTML DOM κατασκευάζεται ως δέντρο των αντικειμένων :

Το δέντρο DOM των αντικειμένων HTML

Με το μοντέλο αντικειμένου, η JavaScript αποκτά όλη τη δύναμη που χρειάζεται για να δημιουργήσει δυναμικό κώδικα HTML:

  • Η JavaScript μπορεί να αλλάξει όλα τα στοιχεία HTML (elements) στη σελίδα
  • Η JavaScript μπορεί να αλλάξει όλα τα χαρακτηριστικά HTML (attributes) στη σελίδα
  • Η JavaScript μπορεί να αλλάξει όλα τα στυλ CSS (styles) στη σελίδα
  • Η JavaScript μπορεί να καταργήσει υπάρχοντα στοιχεία και χαρακτηριστικά HTML (elements & attributes)
  • Η JavaScript μπορεί να προσθέσει νέα στοιχεία και χαρακτηριστικά HTML (attributes)
  • Η JavaScript μπορεί να αντιδράσει σε όλα τα υπάρχοντα συμβάντα (events) HTML στη σελίδα
  • Η JavaScript μπορεί να δημιουργήσει νέα συμβάντα (events) HTML στη σελίδα

Τι θα μάθετε

Στα επόμενα κεφάλαια αυτού του μαθήματος θα μάθετε:

  • Πώς να αλλάζετε το περιεχόμενο των HTML elements
  • Πώς να αλλάζετε το στυλ (CSS) των HTML elements
  • Πώς να αντιδράτε στα HTML DOM events
  • Πώς να προσθέτετε και να διαγράφετε HTML elements

Τι είναι το DOM;

Το DOM είναι πρότυπο W3C (Consortium World Wide Web).

Το DOM ορίζει ένα πρότυπο για την πρόσβαση σε έγγραφα:

“Το μοντέλο αντικειμένου εγγράφου W3C (DOM) είναι μια διασύνδεση ουδέτερης γλώσσας για πλατφόρμες και γλώσσες που επιτρέπει σε προγράμματα και δέσμες ενεργειών να έχουν δυναμική πρόσβαση και να ενημερώνουν το περιεχόμενο, τη δομή και το στυλ ενός εγγράφου.”

Το πρότυπο W3C DOM χωρίζεται σε 3 διαφορετικά μέρη:

  • Core DOM – πρότυπο μοντέλο για όλους τους τύπους εγγράφων
  • XML DOM – πρότυπο μοντέλο για έγγραφα XML
  • HTML DOM – πρότυπο μοντέλο για έγγραφα HTML

Τι είναι το HTML DOM;

Το HTML DOM είναι ένα πρότυπο μοντέλο αντικειμένου και διεπαφή προγραμματισμού για HTML. Ορίζει:

  • Τα στοιχεία HTML ως αντικείμενα (objects)
  • Τις ιδιότητες (properties) όλων των στοιχείων HTML
  • Τις μεθόδους (methods) πρόσβασης σε όλα τα στοιχεία HTML
  • Τα συμβάντα (events) για όλα τα στοιχεία HTML

Με άλλα λόγια: Το HTML DOM είναι ένα πρότυπο για τον τρόπο λήψης, αλλαγής, προσθήκης ή διαγραφής στοιχείων HTML.


Days
Hours
Minutes

01. DOM Intro

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: