JavaScript 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.