getElementsByClassName()
Обновлено: 19.03.2023
Визначення та використання
Метод getElementsByClassName()повертає набір дочірніх елементів із заданим іменем класу.
Метод getElementsByClassName()повертає об’єкт NodeList .
Приклади
Змініть текст першого елемента списку на class="child":
const list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";Кількість елементів із class="child" у "myDIV":
const element = document.getElementById("myDIV");
const nodes = element.getElementsByClassName("child");
let number = nodes.length;Змініть розмір другого елемента за допомогою class="child":
const element = document.getElementById("myDIV");
element.getElementsByClassName("child")[1].style.fontSize = 24px";NodeList
NodeList — це колекція (список) вузлів у вигляді масиву .
До вузлів у списку можна отримати доступ за індексом. Індекс починається з 0.
Довжина Poperty повертає кількість вузлів у списку.
Синтаксис
element.getElementsByClassName(classname)
Параметри
| Параметр | Опис |
| classname | Вимагається. Ім'я класу дочірніх елементів. Відокремлюйте кілька імен пробілами («дочірній колір»). |
Повернене значення
| Тип | опис |
| NodeList | Дочірні елементи елементів із вказаною назвою класу. Елементи сортуються так, як вони представлені у вихідному коді. |