Почему не изменяется цвет?

Question

[Kotaro Hiba]

Объясните суть проблемы пожалуйста, есть такой html
<p class="test" id="test">Hello world</p>
Я только осваиваю js и пытаюсь просто поменять цвет текста двумя способами:

let a = document.getElementsByClassName("test");
let content = document.getElementById("test");
a.style = "color:red";

Если обращаться через ID код прекрасно работает, если через Class ничего не происходит, помогите пожалуйста и если не влом напишите какую документацию и книги можно прочитать про js

Comments

[Lynn «Кофеман»]

getElementsByClassName как бы намекает что возвращается не элемент

Answer 1

[WapSter]

a.style.color = 'red';

Answer 2

[RMate]

потому что document.getElementsByClassName("test"); возвращает массив, т.к. класс может быть указан сколько угодно раз.
Вам необходимо или циклом идти по всем элементам этого массива, либо выбирать конкретный -
a[0].style = "color:red";

Comments

[Andrey Suha]

А точно массив?

[RMate]

Andrey Suha, Коллекция, если вам так будет угодно.) Правда человеку который задает такой вопрос вряд ли известно о их существовании.

[Andrey Suha]

RMate, Так то NodeList)) а вообще просто захотелось поумничать