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 | Дочірні елементи елементів із вказаною назвою класу. Елементи сортуються так, як вони представлені у вихідному коді. |