Semalt: Στοιχεία στοιχείων. Όλα όσα πρέπει να γνωρίζετε

Το Document Object Model (DOM) είναι μια διεπαφή προγραμματισμού εφαρμογών (API) για καλά δομημένα έγγραφα XML και HTML. Το API καθορίζει την απόλυτη δομή των εγγράφων, τον τρόπο πρόσβασης σε αυτά και τον τρόπο πρόσβασης και αποξέσεων εγγράφων μέσω ιστού στον ιστό.

Το DOM λειτουργεί για την ανάκτηση και τροποποίηση χαρακτηριστικών που υπάρχουν σε στοιχεία HTML. Με το Dom, μπορείτε να αποκτήσετε πρόσβαση σε χαρακτηριστικά στοιχείων και στυλ που χρησιμοποιούνται σε ένα συγκεκριμένο έγγραφο. Με λίγες τεχνικές απόξεσης, μπορείτε να ανακτήσετε την εικόνα φόντου του εγγράφου προορισμού.

Κόμβοι HTML DOM

Όταν πρόκειται για JavaScript, το DOM ονομάζεται πρότυπο World Wide Web Consortium (W3C). Το Dom χρησιμοποιείται για τον καθορισμό και την απεικόνιση ενός προτύπου για την πρόσβαση σε έγγραφα. Το μοντέλο επιτρέπει σενάρια και προγράμματα να ενημερώνουν και να έχουν πρόσβαση στη δομή που χρησιμοποιείται για τη σύνταξη ενός εγγράφου.

Όταν πρόκειται για HTML DOM, όλα μπορούν να θεωρηθούν κόμβοι. Για παράδειγμα:

  • Όλα τα χαρακτηριστικά HTML είναι κόμβοι χαρακτηριστικών.
  • Τα σχόλια είναι κόμβοι σχολίων.
  • Όλα τα στοιχεία HTML είναι κόμβοι στοιχείων.
  • Το ίδιο το έγγραφο ονομάζεται κόμβος εγγράφου.

Το μοντέλο αντικειμένου εγγράφου χρησιμοποιείται για πρόσβαση και χειρισμό στοιχείων εντός εγγράφων XML και HTML. Τα στοιχεία οργανώνονται και διαχειρίζονται σε μια δομή δεδομένων (δενδρώδης) που μπορεί εύκολα να διασταυρωθεί για πλοήγηση και τροποποίηση. Μπορείτε να προσθέσετε τάξεις σε DIV, σώμα ή στοιχείο HTML χρησιμοποιώντας Cascading Style Sheets (CSS) ή να αλληλεπιδράσετε με τα στοιχεία χρησιμοποιώντας JS.

Τι πρέπει να γνωρίζετε για τα χαρακτηριστικά ιδιοτήτων

Οι κόμβοι μπορούν να έχουν πρόσβαση και να χειριστούν χρησιμοποιώντας τους αντίστοιχους αριθμούς ευρετηρίου τους, όπου ο ελάχιστος δείκτης είναι "0" Η ιδιότητα χαρακτηριστικά λειτουργεί επιστρέφοντας μια λεπτομερή συλλογή των χαρακτηριστικών του συγκεκριμένου κόμβου, όπως το αντικείμενο NamedNodeMap. Σημειώστε ότι η αριθμητική ευρετηρίαση θα σας βοηθήσει να διαβάσετε ένα χαρακτηριστικό στοιχείο.

Χαρακτηριστικό στοιχείου

Η ιδιότητα χαρακτηριστικού στοιχείου επιστρέφει μια έγκυρη συλλογή όλων των κόμβων χαρακτηριστικών που έχουν καταχωριστεί σε έναν συγκεκριμένο κόμβο. Με απλά λόγια, είναι ένα NamedNodeMap. Ως εκ τούτου, δεν διαθέτει μεθόδους Array. Οι κόμβοι χαρακτηριστικών (ένα ζευγάρι συμβολοσειρών που αντιπροσωπεύουν δεδομένα σχετικά με το δεδομένο χαρακτηριστικό) ενδέχεται να διαφέρουν ανάλογα με το πρόγραμμα περιήγησης που χρησιμοποιείται.

Σε αυτήν την ανάρτηση, το αντικείμενο NamedNodeMap σημαίνει τη μη δομημένη συλλογή ενός κόμβου χαρακτηριστικού συγκεκριμένου στοιχείου. Δεν χρειάζεται να πανικοβληθείτε σε σχέση με το πρόγραμμα περιήγησης που χρησιμοποιείτε. Το αντικείμενο NamedNodeMap και το αντικείμενο Attribute υποστηρίζονται σε μεγάλα προγράμματα περιήγησης ιστού.

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

Για τους λάτρεις του Internet Explorer, πρέπει να σημειώσετε ότι η ιδιότητα χαρακτηριστικά τείνει να επιστρέφει μια λεπτομερή συλλογή των πιθανών χαρακτηριστικών για ένα συγκεκριμένο στοιχείο. Μόλις δημιουργηθεί ένας κόμβος DOM για οποιοδήποτε δεδομένο στοιχείο HTML, πολλά από τα χαρακτηριστικά σχετίζονται με χαρακτηριστικά που φέρουν τα ίδια ονόματα. Κατά την ανάπτυξη ενός πηγαίου κώδικα HTML, μπορείτε να ορίσετε τα χαρακτηριστικά στα στοιχεία HTML σας. Μόλις το πρόγραμμα περιήγησής σας αναλύσει το σενάριό σας, θα δημιουργηθεί ένα αντίστοιχο DOM με παρόμοιο κόμβο. Ο αντίστοιχος κόμβος ονομάζεται αντικείμενο.