Ну, проблема в тому документі. getElementByClassName("btn") повертає колекцію HTML, подібну до масиву, усіх елементів із класом "btn". Отже, коли ви намагаєтеся застосувати стиль безпосередньо до нього, це не працює, тому що ви намагаєтеся застосувати стиль до колекції елементів, а не до окремого елемента.
Елемент HTML DOM getElementsByClassName()
- список const = документ. getElementsByClassName("приклад")[0]; список. getElementsByClassName("child")[0]. …
- елемент const = документ. getElementById("myDIV"); const вузли = елемент. getElementsByClassName("дочірній"); …
- елемент const = документ. getElementById("myDIV"); елемент.
Як правильно виконати ітерацію через getElementsByClassName() у JavaScript? Щоб правильно повторити, використовувати документ. getElementsByClassName(). getElementsByClassName() — це метод інтерфейсу документа.
getElementById повертає один елемент DOM, ідентифікатор якого відповідає вашому запиту. getElementsByClassName повертає HtmlCollection – структуру, схожу на масив, що містить елементи DOM, які відповідають вашому запиту. Щоб застосувати свій стиль, потрібно повторити кожен елемент у масиві.
Повертає метод getElementsByClassName інтерфейсу Document об'єкт, подібний до масиву, усіх дочірніх елементів, які мають усі задані назви класів. При виклику об’єкта документа шукається весь документ, включаючи кореневий вузол.