Итак, вы только что начали изучать Javascript в своем учебном лагере по программированию. Это первый день лекции по JS, а вы понятия не имеете, что такое DOM. Ваш инструктор объясняет это, и по какой-то причине это просто не щелкает для вас. Не беспокойтесь, я здесь, чтобы дать вам быстрое и простое определение того, что такое DOM на самом деле. Здесь нет большого причудливого словаря кода. Просто и быстро. Чем раньше вы это поймете, тем быстрее сможете погрузиться в мир JavaScript.
Что такое DOM?
DOM — это сокращение от объектной модели документа. Когда веб-страница загружается, браузер создает DOM для страницы. Он в основном обеспечивает структурированное представление документа. Он также определяет способ доступа к структуре из программ, чтобы они могли изменять структуру, стиль и содержимое документа. Другими словами, он играет роль программного интерфейса для HTML и XML. Чтобы было ясно, DOM — это не язык программирования, но без него в языке JavaScript не было бы никакой модели или понятия веб-страниц. DOM является стандартом W3C (World Wide Web Consortium). DOM определяет стандарт доступа к документам:
"Объектная модель документа W3C (DOM) — это независимый от платформы и языка интерфейс, который позволяет программам и сценариям динамически получать доступ и обновлять содержимое, структуру и стиль документа".
Стандарт W3C DOM разделен на 3 разные части:
Core DOM — стандартная модель для всех типов документов
XML DOM — стандартная модель для XML-документов.
HTML DOM — стандартная модель для HTML-документов.
Что такое HTML DOM?
Пусть вас не пугает эта схема. Он называется деревом объектов HTML DOM. Звучит очень сложно и пугающе, но я обещаю, что это не так. Модель HTML DOM построена в виде дерева объектов. JavaScript получает все необходимое влияние для создания динамического HTML, когда у него есть объектные модели. Короче говоря, объектная модель — это логический интерфейс, программное обеспечение или система, которые моделируются с помощью объектно-ориентированных методов. Имея объектные модели, JavaScript мгновенно обладает такой мощью. Он может изменить все элементы HTML на странице, изменить все атрибуты HTML на странице, изменить все стили CSS на странице или удалить существующие элементы и атрибуты HTML. Он становится способным на многое другое. HTML DOM – это стандарт получения, изменения, добавления и удаления элементов HTML.
Как это работает с JavaScript?
Это то, что я не мог понять для жизни меня по какой-то причине. Но для простоты ваш код написан на JS, но он использует DOM для доступа к документу и всем его элементам. После долгих исследований я узнал, что в какой-то момент JS и DOM были тесно переплетены. В конце концов эти два стали их собственным отдельным материалом. Итак, помните, содержимое ваших страниц хранится в DOM, и вашим содержимым можно манипулировать, а также получать к нему доступ через JS. DOM — это отдельная вещь по отношению к любой языковой программе. В этом блоге я ссылался на JavaScript, однако его можно построить для любого языка программирования.
Я надеюсь, что это объяснение DOM помогло прояснить некоторую путаницу в первые пару дней работы JS-разработчиком!! :)
Давайте подключим!
