DOM
Также: Document Object Model
DOM — это структура веб-страницы в виде дерева объектов, которую браузер создает из HTML-кода для управления элементами.
Представь, что HTML-код — это чертеж дома, а DOM — это сам построенный дом, в котором можно менять мебель, красить стены или переставлять окна прямо на ходу. Когда браузер загружает страницу, он превращает сухой текст HTML в живую структуру, где каждый заголовок, кнопка или картинка становятся отдельным объектом.
DOM работает как дерево: у него есть «ствол» (весь документ) и «ветки» (теги внутри тегов). Благодаря этому JavaScript может легко найти нужный элемент, например, кнопку «Купить», и изменить её цвет или текст, не перезагружая всю страницу целиком.
Зачем это нужно
Для вайбкодера понимание DOM критически важно, так как современные AI-инструменты (вроде Cursor или Cline) при написании кода постоянно взаимодействуют с этой структурой. Зная, как устроена «дерево» страницы, ты сможешь точнее просить ИИ внести правки в интерфейс или исправить баги в верстке.