Термин «DOM» в JavaScript означает объектную модель документа. DOM – это программный интерфейс для документов HTML и XML, представляющий структуру веб-страницы в виде древовидной модели, где каждый элемент документа представлен в виде узла.
Вот некоторые часто используемые методы, связанные с DOM в JavaScript:
getElementById()
: извлекает элемент из документа, используя его уникальный идентификатор.getElementsByClassName()
: возвращает коллекцию элементов с определенным именем класса.getElementsByTagName()
: извлекает коллекцию элементов с заданным именем тега.querySelector()
: возвращает первый элемент, соответствующий указанному селектору CSS.querySelectorAll()
: возвращает статическую коллекцию всех элементов, соответствующих указанному селектору CSS.createElement()
: создает новый элемент HTML.appendChild()
: добавляет новый дочерний узел к существующему элементу.removeChild()
: удаляет дочерний узел из элемента.setAttribute()
: устанавливает значение атрибута указанного элемента.getAttribute()
: извлекает значение указанного атрибута элемента.addEventListener()
: присоединяет функцию обработчика событий к элементу.innerHTML
: получает или задает HTML-содержимое внутри элемента.стиль
: осуществляет доступ к стилям CSS элемента и управляет ими.
Это всего лишь несколько примеров. Существует множество других методов работы с DOM в JavaScript.