Публикации по теме 'document-object-model'
Что такое объектная модель документа (DOM)
Примечание. В этом посте предполагается, что вы знакомы с концепциями объектно-ориентированного программирования.
Привет, граждане интернета. Если вы новичок в мире веб-разработки, вы наверняка сталкивались с термином DOM (мир объектов документа). Интересно, что такое ДОМ? Итак, давайте рассмотрим, что такое объектная модель документа.
Что такое объектная модель документа?
Как следует из названия, DOM представляет каждый элемент HTML как объект. Всякий раз, когда веб-страница..
MutationObserver и прослушиватели событий: выбор правильного инструмента для динамической веб-разработки
Введение
Когда дело доходит до отслеживания и реагирования на изменения в структуре DOM (объектная модель документа), веб-разработчики имеют в своем распоряжении несколько вариантов. Двумя широко используемыми методами являются MutationObserver и прослушиватели событий. В этом блоге мы рассмотрим различия между MutationObserver и прослушивателями событий, варианты их использования и способы выбора правильного инструмента для динамической веб-разработки.
TL;DR
В этом блоге..
Демистификация объектной модели документа (DOM) в веб-разработке
Вы когда-нибудь задумывались, как JavaScript может изменять содержимое веб-страницы или реагировать на пользовательские события, такие как клики и нажатия клавиш, и как ваши любимые веб-сайты обновляют свой контент в режиме реального времени без перезагрузки всей страницы? Ответ заключается в объектной модели документа (DOM), мощном инструменте для управления структурой и содержимым веб-страницы. В этой статье мы углубимся в DOM и узнаем, как использовать весь его потенциал.
Введение..
Подробное знакомство с Javascript DOM
Язык разметки HTML и каскадный язык CSS являются строительными блоками веб-сайтов, которые могут быть легко запрограммированы и интерпретированы людьми. Однако для рендеринга этих строк кода веб-браузеры преобразуют эти файлы в древовидную структуру, которая называется DOM, также известной как объектная модель документа.
Кроме того, DOM пригодится, когда разработчик хочет, чтобы поведение веб-сайта менялось на лету, то есть изменялись элементы без необходимости обновления страницы, что..
Веб-скрейпинг простых таблиц данных
Иногда я вижу таблицу данных на веб-сайте и задаюсь вопросом: «Как эта информация хранится?» Сами данные, конечно, находятся в любой базе данных, которую использует владелец веб-сайта. Однако данные отображаются на странице в простом HTML, и, как оказалось, собирать и обрабатывать эти данные чертовски просто! Все, что нам нужно, это наш друг, DOM.
Дом
DOM означает «Модель документа-объекта». По сути, HTML-страница — это объект с элементами, которые также являются объектами, которые..
Как обходить DOM в JavaScript
Объектная модель документа, или сокращенно DOM, служит ориентиром для браузера при размещении элементов на веб-странице. Места, где элементы размещаются в DOM, называются Nodes , и на веб-странице не только элементы HTML получают свои узлы, но и атрибуты элементов HTML имеют свои узлы ( attribute nodes ), каждый фрагмент текста имеет его узел ( text nodes ), и есть много других типов узлов. Структурное отношение этих узлов отражает структуру HTML-документа. Благодаря этому мы можем..
Дети, родители и обход DOM❤️
Пусть HTML-код будет:
let cont = document.querySelector('.no');
console.log(cont);
// CODE TO PRINT CHILD NODES
let cont = document.querySelector('.container');
console.log(cont.childNodes);
// CODE TO PRINT CHILD NODES (WITHOUT TEXT,COMMENTS, DOC TYPES, ETC.) ---> most preferred
let cont = document.querySelector('.container');
console.log(cont.children);
let container = document.querySelector('.container');
console.log(container. firstChild );
let..
