Γιατί είναι απαραίτητο το DOM;

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

Χάρη στο DOM, η JavaScript μπορεί:

• Να έχει πρόσβαση στα στοιχεία της σελίδας (π.χ., μέσω id, κλάσης, ετικέτας).
• Να αλλάξει το περιεχόμενο των στοιχείων (κείμενο, HTML).
• Να αλλάξει τα στυλ των στοιχείων.
• Να τροποποιήσει τη δομή του εγγράφου (προσθέτοντας, διαγράφοντας, μετακινώντας στοιχεία).
• Να αντιδράσει σε γεγονότα χρήστη (κλικ, περασμένο ποντίκι κ.λπ.).

Παράδειγμα λήψης στοιχείου με βάση το ID:

// Λαμβάνουμε το στοιχείο με id "myElement"
const myElement = document.getElementById('myElement');

Παράδειγμα αλλαγής του περιεχομένου κειμένου ενός στοιχείου:

// Αλλάζουμε το κείμενο του στοιχείου
myElement.textContent = 'Νέο κείμενο';

Χωρίς το DOM, η διαδραστικότητα και η δυναμική αλλαγή των ιστοσελίδων θα ήταν αδύνατες.