База знаний

Элемент на странице в JavaScript

.getElementsByTagName() в JavaScript

.getElementsByTagName() в JavaScript

29 апреля 2025

Автор

Дмитрий Фандорин

.getElementsByTagName() - это метод JavaScript, который позволяет получить список элементов на веб-странице с заданным тегом. Он используется для того, чтобы получить ссылки на все элементы с определенным тегом и работать с ними в JavaScript.

Описание работы

.getElementsByTagName() работает путем поиска всех элементов на веб-странице, которые имеют заданный тег. Если элементы найдены, метод возвращает список ссылок на эти элементы.

.getElementsByTagName() имеет следующий синтаксис:

document.getElementsByTagName(tagName);

где:

tagName
- это строка, представляющая тег элемента, по которому мы ищем элементы.

Пример использования .getElementsByTagName() для получения списка ссылок на все элементы с тегом div:

<div>Это мой элемент 1</div>
<div>Это мой элемент 2</div>
<p>Это не мой элемент</p>

const elements = document.getElementsByTagName('div');
for (let i = 0; i < elements.length; i++) {
  elements[i].style.color = 'red';
}

В данном примере мы получаем список ссылок на все элементы с тегом div с помощью метода .getElementsByTagName(), а затем изменяем их цвет текста на красный.

Заключение

.getElementsByTagName() - это метод JavaScript, который позволяет получить список элементов на веб-странице с заданным тегом. Он используется для того, чтобы получить ссылки на все элементы с определенным тегом и работать с ними в JavaScript.

.getPropertyValue() в JavaScript .getElementsByClassName() в JavaScript

Постройте личный план изучения Javascript до уровня Middle — бесплатно!

Javascript — часть карты развития Frontend

100+ шагов развития
30 бесплатных лекций
300 бонусных рублей на счет

Бесплатные лекции

Все гайды по Javascript

Строки в JavaScript

Шаблонные строки в JavaScript Объект-обёртка String в JavaScript Строка в JavaScript Свойство .length в JavaScript Метод .indexOf() в JavaScript Метод .includes() в JavaScript

Методы строк

Как работает метод trim() - JavaScript Как работает метод toUpperCase() - JavaScript Как работает метод toLowerCase() - JavaScript Как работает метод substring() - JavaScript Как работает метод startsWith() - JavaScript Как работает метод split() - JavaScript Как работает метод slice() - JavaScript Как работает метод search() - JavaScript Как работает метод replaceAll() - JavaScript Как работает метод replace() - JavaScript Как работает метод repeat() - JavaScript Как работает метод padStart() - JavaScript Как работает метод padEnd() - JavaScript Как работает метод matchAll() - JavaScript Как работает метод match() - JavaScript Как работает метод localeCompare() - JavaScript Как работает свойство length - JavaScript Как работает метод lastIndexOf() - JavaScript Как работает метод indexOf() - JavaScript Как работает метод includes() - JavaScript Как работает метод fromCodePoint() - JavaScript Как работает метод fromCharCode() - JavaScript Как работает метод endsWith() - JavaScript Как работает метод concat() - JavaScript Как работает метод codePointAt() - JavaScript Как работает метод charCodeAt() - JavaScript Как работает метод charAt() - JavaScript

JavaScript множества

values() в JavaScript size в JavaScript Конструктор Set в JavaScript Множество в JavaScript keys() в JavaScript has() в JavaScript forEach() в JavaScript entries() в JavaScript delete() в JavaScript clear() в JavaScript add() в JavaScript

Примитивные типы данных в JavaScript

undefined в JavaScript Преобразование типов в JavaScript Symbol в JavaScript Строка в JavaScript Число в JavaScript null в JavaScript Boolean в JavaScript BigInt в JavaScript

Разбор объектов в JavaScript

Метод .toString() в JavaScript Объекты в JavaScript Intl.DateTimeFormat в JavaScript Генераторы в JavaScript Дескрипторы в JavaScript

JavaScript числа

toString() в JavaScript parseInt() в JavaScript parseFloat() в JavaScript Обёртка Number в JavaScript Number.isNaN() в JavaScript Number.isFinite() в JavaScript Число в JavaScript

JavaScript Math

Math.random() в JavaScript Объект Math в JavaScript Методы округления в JavaScript

Протоколы итерации

Итератор в JavaScript

JavaScript функции

Ключевое слово this в JavaScript Ключевое слово return в JavaScript Объект arguments в JavaScript Функции в JavaScript - параметры, объявление, возврат и переменные Область видимости в JavaScript Стрелочные функции в JavaScript

Управление потоком

Цикл while в JavaScript - примеры, условия, break, continue Циклы в JavaScript – всё о циклах while, for, do-while Цикл for в JavaScript - примеры, условия, break, continue

Обработка исключений

try...catch в JavaScript Error в JavaScript

События в JavaScript

Событие wheel в JavaScript Событие unload в JavaScript Событие touch в JavaScript Событие submit в JavaScript Событие scroll в JavaScript Событие reset в JavaScript Метод .preventDefault() в JavaScript Событие mouseover в JavaScript Событие mouseout в JavaScript Событие load в JavaScript Событие keyup в JavaScript Событие keydown в JavaScript Событие invalid в JavaScript Событие input в JavaScript Событийная модель Event в JavaScript Объект события Event в JavaScript Событие DOMContentLoaded в JavaScript Событие dblclick в JavaScript Событие click в JavaScript Событие change в JavaScript Событие beforeunload в JavaScript

Элемент на странице в JavaScript

.textContent в JavaScript .style в JavaScript .setProperty() в JavaScript .scrollTo() в JavaScript .scrollIntoView() в JavaScript .scrollBy() в JavaScript .removeProperty() в JavaScript .removeEventListener() в JavaScript .querySelectorAll() в JavaScript .querySelector() в JavaScript .outerHTML в JavaScript .innerText в JavaScript в JavaScript .hidden в JavaScript .getPropertyValue() в JavaScript .getElementsByTagName() в JavaScript .getElementsByClassName() в JavaScript .getAttribute() в JavaScript .focus() в JavaScript Элемент в JavaScript .dataset в JavaScript .closest() в JavaScript .classList в JavaScript .blur() в JavaScript .addEventListener() в JavaScript

Объектная модель документа

HTMLCollection и NodeList в JavaScript Событийная модель в JavaScript Element в JavaScript DOM в JavaScript

Объект страницы

.removeEventListener() в JavaScript .querySelectorAll() в JavaScript .querySelector() в JavaScript .getElementsByTagName() в JavaScript .getElementsByClassName() в JavaScript .getElementById() в JavaScript .forms в JavaScript .cookie в JavaScript .addEventListener() в JavaScript

Коллекции в JavaScript

Объект WeakSet в JavaScript Объект TypedArray в JavaScript Объект SharedArrayBuffer в JavaScript Объект Set в JavaScript Объект в JavaScript Объект Map в JavaScript function в JavaScript Объект DataView в JavaScript Объект WeakMap в JavaScript Объект Atomics в JavaScript Массивы в JavaScript Объект ArrayBuffer в JavaScript

JavaScript браузерное окружение и API

window.print() в JavaScript window.open() в JavaScript window.navigator в JavaScript window.location в JavaScript window.history в JavaScript URLSearchParams в JavaScript setTimeout() в JavaScript setInterval() в JavaScript sessionStorage в JavaScript queueMicrotask() в JavaScript prompt() в JavaScript Performance в JavaScript window.matchMedia в JavaScript localStorage в JavaScript Geolocation API в JavaScript FormData в JavaScript fetch() в JavaScript DOM в JavaScript console.log() в JavaScript confirm() в JavaScript clearTimeout() в JavaScript clearInterval() в JavaScript alert() в JavaScript BOM в JavaScript

Тип boolean

Преобразование типов в JavaScript Логические операторы в JavaScript Boolean в JavaScript

JavaScript основы

Типы данных в JavaScript - инструкция для начинающих Операторы в Javascript Логические операторы в JavaScript - && (и), || (или), ! (не)Переменные и константы в JavaScript - чем отличаются var, let и const в JS

Async в JavaScript

Метод then() в JavaScript Метод Promise.race() в JavaScript Метод Promise.any() в JavaScript Метод Promise.allSettled() в JavaScript Метод Promise.all() в JavaScript Promise в JavaScript Метод finally() в JavaScript Метод catch() в JavaScript Async в JavaScript async/await в JavaScript

Массивы в JavaScript

Как работает метод some() - JavaScript Как работает метод reverse() - JavaScript Как работает метод reduce() - JavaScript Как работает метод map() - JavaScript Как работает метод isArray() - JavaScript Как работает метод indexOf() - JavaScript Как работает метод includes() - JavaScript Как работает метод from() - JavaScript Как работает метод forEach() - JavaScript Как работает метод flatMap() - JavaScript Как работает метод flat() - JavaScript Как работает метод findIndex() - JavaScript Как работает метод find() - JavaScript Как работает метод filter() - JavaScript Как работает метод every() - JavaScript Массивы в JavaScript

Продвинутый синтаксис в JavaScript

Тернарный оператор в JavaScript Spread в JavaScript Поверхностное и глубокое копирование в JavaScript Итераторы в JavaScript Цикл for...of в JavaScript Цикл for...in в JavaScript Объект Date в JavaScript

Открыть базу знаний

Лучшие курсы по теме

изображение курса

Основы JavaScript

Антон Ларичев

12 бесплатных уроков

4.8

Backend

Frontend

Mobile

3 999 ₽Бесплатный старт

изображение курса

TypeScript с нуля

Антон Ларичев

21 бесплатный урок

4.7

Backend

Frontend

Mobile

3 999 ₽Бесплатный старт

изображение курса

Next.js - с нуля

Антон Ларичев

23 бесплатных урока

4.7

Frontend

3 999 ₽Бесплатный старт