Εισαγωγή στο DOM

• Απρίλιος 28, 2024

Το DOM είναι ένα αρκτικόλεξο για το μοντέλο αντικειμένων εγγράφου. Είναι ένας τρόπος να εξετάσουμε το HTML που επιτρέπει στους προγραμματιστές ιστοτόπων να δημιουργούν λειτουργίες και να χειρίζονται τον κώδικα με τρόπους που διαφορετικά θα ήταν αδύνατο.

Υπάρχουν τρεις βασικοί τύποι DOM. το πυρήνα DOM, το οποίο μπορεί να χρησιμοποιηθεί για τον ορισμό οποιουδήποτε εγγράφου ανεξάρτητα από τον τύπο του. το XML DOM, το οποίο χρησιμοποιείται με έγγραφα XML και το HTML DOM. Αυτός ο τελευταίος τύπος είναι ο πιο σημαντικός και χρήσιμος για τους προγραμματιστές HTML, γι 'αυτό το DOM θα διερευνήσει αυτό το άρθρο.

Το HTML DOM χωρίζει μια σελίδα HTML σε κόμβους. Αυτοί οι κόμβοι είναι όλοι συνδεδεμένοι μεταξύ τους, με τους κόμβους παιδιών να κατεβαίνουν από τους γονικούς κόμβους τους και από τον κόμβο ρίζας στην κορυφή, σε μια διάταξη που μοιάζει με δέντρο. Αυτό που κάνει το DOM τόσο σημαντικό και χρήσιμο για τους προγραμματιστές HTML είναι ότι αυτός ο ορισμός κάνει κάθε μέρος της σελίδας ξεχωριστό και εντοπίζει σε σχέση με όλα τα άλλα μέρη, έτσι ώστε να είναι εύκολο να σχεδιάσετε κώδικα που αναφέρεται σε αυτό το συγκεκριμένο τμήμα και επηρεάζει μόνο αυτό το τμήμα . Αυτό καθιστά το HTML DOM ζωτικό για προγραμματισμό Javascript, για παράδειγμα, επειδή παρέχει έναν τρόπο για ένα πρόγραμμα Javascript να χρησιμοποιεί άμεσα στοιχεία HTML. Χωρίς το DOM, είναι αδύνατο για ένα πρόγραμμα Javascript να αποκτήσει δυναμική πρόσβαση σε ένα περιεχόμενο της ιστοσελίδας. Ως παράδειγμα, χρησιμοποιώντας μεθόδους DOM θα μπορούσατε να γράψετε ένα πρόγραμμα που αλλάζει το κείμενο μέσα σε ένα συγκεκριμένο στοιχείο HTML, εάν συμβεί κάποιο συγκεκριμένο συμβάν (π.χ. ένας επισκέπτης κάνει κλικ σε ένα κουμπί στη σελίδα).

Όπως γνωρίζετε ήδη, μια σελίδα HTML αποτελείται από διάφορα στοιχεία όπως αυτό:



Δείγμα σελίδας HTML

Αυτό είναι ένα παράδειγμα μιας βασικής σελίδας HTML.

Με το DOM, κάθε στοιχείο (όλα μεταξύ ενός συνόλου ετικετών, όπως) είναι ένας κόμβος. Ο κόμβος ονομάζεται κόμβος ρίζας και είναι ο πιο βασικός. έχει δύο παιδικούς κόμβους, τον κόμβο και τον κόμβο. Στο παραπάνω παράδειγμα, ο κόμβος είναι το παιδί του κόμβου και του κόμβου

ο κόμβος είναι το παιδί του κόμβου.

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

Για λεπτομέρειες σχετικά με τον τρόπο χρήσης του HTML DOM, ανατρέξτε στο επόμενο άρθρο "Working with the DOM", το οποίο θα δημοσιευθεί την επόμενη εβδομάδα.

Οδηγίες Βίντεο: La casa de papel Soundtrack | Cecilia Krull - My life is going on (Lyric Video) (Απρίλιος 2024).