რატომ არის საჭირო DOM?

DOM (დოკუმენტის ობიექტის მოდელი) აუცილებელია იმისათვის, რომ JavaScript შეძლოს ურთიერთქმედება ვებგვერდის შიგთავსთან და მასში ცვლილებების შეტანა. იგი წარმოადგენს HTML დოკუმენტის სტრუქტურას ობიექტების ხე სახით, სადაც თითოეული ნამდვილი ელემენტი, ატრიბუტი ან ტექსტური ფრაგმენტი შესაბამისია.

DOM-ის საშუალებით, JavaScript შეუძლია:

• მოწვდომა გვერდის ელემენტებზე (მაგ., id, კლასი, ტეგის მიხედვით).
• შეცვლა ელემენტების შიგთავსი (ტექსტი, HTML).
• შეცვლა ელემენტების სტილები.
• შეცვლა დოკუმენტის სტრუქტურა (დამატება, წაშლა, გადატანა).
• პასუხის გაცემა მომხმარებლის მოვლენებზე (კლიკები, მღელვარება და სხვა).

მაგალითი ელემენტის მიღების ID-ის მიხედვით:

// იღებს ელემენტს id-ით "myElement"
const myElement = document.getElementById('myElement');

მაგალითი ტექსტის შიგთავსის შეცვლის:

// შეცვლით ელემენტის ტექსტის შიგთავსი
myElement.textContent = 'ახალი ტექსტი';

DOM-ის გარეშე, ინტერაქტიულობა და დინამიური ცვლილებები შეუძლებელი იქნებოდა.