Какие методы есть для взаимодействия с элементами DOM?

Взаимодействие с элементами DOM включает в себя использование различных методов для их поиска и манипуляции. Вот основные методы, которые часто используются:

• getElementById(id): возвращает элемент с указанным идентификатором.

const element = document.getElementById('myElement');

• getElementsByClassName(className): возвращает коллекцию всех элементов с указанным классом. Это "живое" представление, т.е. изменения в DOM автоматически отражаются в этой коллекции.

const elements = document.getElementsByClassName('myClass');

• getElementsByTagName(tagName): возвращает коллекцию всех элементов с указанным тегом.

const elements = document.getElementsByTagName('p');

• querySelector(selector): возвращает первый элемент, соответствующий указанному CSS-селектору.

const element = document.querySelector('.myClass');

• querySelectorAll(selector): возвращает все элементы, соответствующие указанному CSS-селектору, в виде статической NodeList.

const elements = document.querySelectorAll('div.myClass');

Эти методы позволяют разработчикам легко находить и изменять элементы на веб-странице, что является основой для создания интерактивных и динамичных пользовательских интерфейсов.