Почему срабатывает обращение по id, но не срабатывает обращение по классу?

Question

[coderxx]

Есть простой элемент:
<div class="box"></div>
Стили:

.class {
	width: 20rem;
	height: 20rem;
	border: 1px solid black;
}

Попытка обращения к нему по классу не срабатывает:

let box = document.getElementsByClassName('box');
box.style.backgroundColor = 'red';

При этом при замене класса на id обращение срабатывает.
Почему это происходит, ошибка или особенность языка?

Answer 1

[Rsa97]

Потому что s.
let box = document.getElementsByClassName('box');
Функция возвращает не один элемент, а коллекцию HTMLCollection.

Comments

[Алексей Ярков]

Ну и посоветую ТС заодно начать использовать querySelector и querySelectorAll

[coderxx]

В таком случае как правильно обратиться по классу?

[coderxx]

Алексей Ярков, принято, спасибо)

[Rsa97]

coderxx, Выбрать из коллекции нужный элемент, например по индексу, как в массиве.
https://developer.mozilla.org/ru/docs/Web/API/HTML...