Στοιχεία DOM στην JavaScript

Κάθε ετικέτα της σελίδας στην JavaScript αντιστοιχεί σε ένα αντικείμενο με τις δικές του ιδιότητες. Σε αυτό το αντικείμενο αποθηκεύεται το κείμενο της ετικέτας, οι τιμές των χαρακτηριστικών της, καθώς και άλλα χρήσιμα πράγματα. Στην JavaScript τέτοια αντικείμενα ονομάζονται στοιχεία DOM.

Ας υποθέσουμε ότι στον κώδικα HTML μας υπάρχει η ακόλουθη ετικέτα:

Ας υποθέσουμε ότι στη μεταβλητή elem βρίσκεται μια αναφορά σε αυτήν την ετικέτα. Σε αυτήν την περίπτωση, η μεταβλητή elem θα είναι ένα αντικείμενο με ιδιότητες id και textContent. Η ιδιότητα id θα περιέχει την τιμή του χαρακτηριστικού id της ετικέτας μας, και η ιδιότητα textContent - το κείμενό της.

Στο επόμενο μάθημα θα μάθουμε να παίρνουμε στην JavaScript αναφορές σε ετικέτες της σελίδας.