Γιατρός HTML DOM

Με το HTML DOM, το JavaScript μπορεί να προσπέφθει και να αλλάζει όλα τα στοιχεία του έγγραφου HTML.

HTML DOM (μο델 αντικειμένων έγγραφου)

Όταν η σελίδα φορτώνεται, ο περιηγητής δημιουργεί το μοντέλο αντικειμένων του έγγραφου της σελίδας (Document Object Model).

HTML DOM Το μοντέλο δομής έχει δομηθεί ωςΤο δέντρο αντικειμένων:

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

DOM HTML Δέντρο

Με αυτό το μοντέλο αντικειμένων, το JavaScript αποκτά όλες τις δυνάμεις για τη δημιουργία δυναμικού HTML:

  • Το JavaScript μπορεί να αλλάξει όλα τα στοιχεία HTML στη σελίδα
  • Το JavaScript μπορεί να αλλάξει όλες τις ιδιότητες HTML στη σελίδα
  • Το JavaScript μπορεί να αλλάξει όλες τις CSS στυλ στη σελίδα
  • Το JavaScript μπορεί να διαγράψει υπάρχοντα στοιχεία HTML και ιδιότητες
  • Το JavaScript μπορεί να προσθέσει νέα στοιχεία HTML και ιδιότητες
  • Το JavaScript μπορεί να ανταποκρίσει σε όλες τις υπάρχουσες HTML εκδηλώσεις στη σελίδα
  • Το JavaScript μπορεί να δημιουργήσει νέες HTML εκδηλώσεις στη σελίδα

Τι θα μάθετε

Στα παρακάτω κεφάλαια του οδηγού, θα μάθετε:

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

Τι είναι το DOM;

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

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

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

Ο πρότυπος W3C DOM διαιρείται σε 3 διαφορετικές ενότητες:

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

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

Το HTML DOM είναι το πρότυπο του HTMLΟντότητεςΜοντέλα καιΕγχειρίδιο Προγραμματισμού. Ορίζει τα εξής:

  • ΚαθώςΟντότητεςτων στοιχείων HTML
  • Όλα τα στοιχεία HTMLΑντικειμενικά
  • Πρόσβαση σε όλα τα στοιχεία HTMLΜέθοδοι
  • Όλα τα στοιχεία HTMLΣυνάντηση

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