Вы когда-нибудь задумывались о том, как что-то обновляется на экране вашего компьютера? В моей последней статье я обсуждал прослушиватели событий и то, как они позволяют JavaScript прослушивать команды пользователя, а затем выполнять событие. Теперь в этой статье я расскажу о DOM и его роли в обновлении экрана для обеспечения видимости.
Что такое Дом?
DOM на самом деле является аббревиатурой от Document Object Model. DOM представляет собой программный интерфейс для документов в стиле HTML и XML, но представляет их в виде древовидной структуры. И это то, что представляет страницу, поэтому программы могут изменять структуру, содержание и стиль. DOM представляет узлы как объекты, что дает нам связь с другими языками программирования, в данном случае с JavaScript. DOM не является языком программирования, но без него JavaScript не знал бы и не имел бы доступа к веб-страницам, моделям, документам HTML, документам XML и т. д.
JavaScript и DOM
Когда веб-страница загружается, браузер создает DOM страницы, которая на самом деле является объектно-ориентированным представлением HTML-документа, который затем действует как интерфейс между JavaScript и документом. Чтобы найти это представление DOM, все, что вам нужно сделать, это зайти в веб-браузере, щелкнуть правой кнопкой мыши, затем выбрать «Проверить» и, наконец, выбрать вкладку «Элементы». Теперь у DOM есть методы и свойства, которые он предоставляет через свои объекты, которые называются интерфейсом прикладного программирования DOM или сокращенно «API». И это то, что позволит нам в основном дать нашему коду жизнь, например, для внесения изменений.
Document.write(“Hello! my name is Pledge”)
#Deletes all current DOM content and places “Hello! my name is Pledge” in its place
SomeDiv = document.getElementById("Just some old Div")Document.getElementById("")
SomeDiv.innerHTML += `<p> DOM MANIPULATION IS HAPPENING NOW!
</p>`
В общем, без DOM мы не смогли бы манипулировать деревом DOM для визуальных эффектов. Это делает DOM ключевым компонентом в обучении программированию не только на JavaScript, но и на других языках, когда дело доходит до внесения изменений на экране.
