0/3

ВВЕДЕННЯ ДО DOM

DOM представляє структуру HTML-документа як дерево вузлів, де кожен вузол представляє елемент, атрибут, текстовий вміст або коментар. Ви можете отримати доступ до DOM за допомогою глобального об'єкта document, який представляє поточну сторінку. З DOM ви можете маніпулювати елементами сторінки, змінювати їх властивості, додавати нові елементи та багато іншого.

ВИБІРКА ЕЛЕМЕНТІВ

За допомогою DOM ви можете вибирати елементи сторінки за їх тегами, класами, ідентифікаторами або іншими властивостями. Вибірка елементів може бути здійснена за допомогою методів, таких як querySelector або getElementById. Після вибору елементів ви можете змінювати їх властивості, такі як текстовий вміст, атрибути, стилі і багато іншого.

МАНІПУЛЯЦІЯ ЗМІСТОМ І СТРУКТУРОЮ СТОРІНКИ

DOM дозволяє вам реагувати на різні події, такі як клік мишею, введення в текстове поле або завантаження сторінки. Ви можете додавати обробники подій до елементів і виконувати певні дії, коли відбувається певна подія. Наприклад, ви можете виконати функцію при кліку на кнопку або змінити вміст сторінки після завантаження.

ІСТОРІЯ РОЗВИТКУ JAVASCRIPT

DOM дозволяє вам маніпулювати змістом і структурою сторінки. Ви можете додавати, видаляти або змінювати елементи сторінки. Наприклад, ви можете додати новий елемент, змінити текстовий вміст або перемістити елементи всередині структури дерева. Це дозволяє вам створювати динамічні сторінки, оновлювати вміст на основі дій користувача або змінювати сторінку динамічно.