Методы поиска элементов в DOM
Как правило, когда нужно выполнить какие-либо действия с DOM, разработчики используют jQuery. Однако практически любую манипуляцию с DOM можно сделать и на чистом JavaScript с помощью его DOM API.
Ниже в комментария[ будут методы, с помощью которых можно проводить манипуляции с DOM
#js #javascript #dom
Мне нравится
Комментарий
Поделиться
grhgrmgrhrm
Возвращает ссылку на элемент по его идентификатору (ID); идентификатор является строкой, которая может быть использована для идентификации элемента; она может быть определена при помощи атрибута id в HTML или из скрипта.
Например:
element = document.getElementById(id);
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
document.getElementsByName(name) возвращает элементы с заданным атрибутом name. Очень редко используется.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
elem.getElementsByTagName(tag) ищет элементы с данным тегом и возвращает их коллекцию. Передав "*" вместо тега, можно получить всех потомков.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
getElementsByClassName(className) возвращает элементы, которые имеют данный CSS-класс.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Метод elem.querySelector(css) возвращает первый элемент, соответствующий данному CSS-селектору.
Иначе говоря, результат такой же, как при вызове elem.querySelectorAll(css)[0], но он сначала найдёт все элементы, а потом возьмёт первый, в то время как elem.querySelector найдёт только первый и остановится. Это быстрее, кроме того, его короче писать.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Самый универсальный метод поиска – это elem.querySelectorAll(css), он возвращает все элементы внутри elem, удовлетворяющие данному CSS-селектору.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?