Почему не получается получить CSS посредством Javascript?

Question

[screbok]

Пытаюсь вытащить стили из класса на чистом javascript. Если в JQuery всё элементарно, то здесь я почему-то понять не могу как это сделать.

Например, вот код:
https://jsfiddle.net/ha8d0smb/
В чем ошибка?

Answer 1

[Кирилл]

getElementsByClassName
Возвращает массив.
Вот так будет работать https://jsfiddle.net/ha8d0smb/2/

Comments

[screbok]

На чистом js именно таким образом извлекаются стили?

[Kovalsky]

screbok: если у вас получилось, то да.

[Кирилл]

screbok: я сам не большой эксперт, но на сколько знаю:
Если один элемент, то проще learn.javascript.ru/searching-elements-dom#querySe...
Вообще прочитайте всю статью по ссылке, ничего сложного нету.
Если несколько элементов, то полученный массив нужно будет перебирать циклом.
Есть сайт youmightnotneedjquery.com
Там многие JQuery функции и т.д. написаны на чистом JS, если переходите с JQuery, то очень поможет.

[screbok]

Никита Полевой: есть ли разница в том, что использовать при выборке?
Такие методы как getElementbyClass(), например. Или же можно просто использовать тот же querySelector()? Выглядит гораздо лучше. А, главное, универсальнее.

[Кирилл]

screbok: querySelector просто более универсальный, ведь не всегда нужно по классу элементы искать. Так же при querySelector можно использовать такую конструкцию, на пример querySelector('.elem > li > a')

[screbok]

Кирилл Кубляков: спасибо.

[Kovalsky]

screbok: из вашего же кода можно видеть, что способ получения элементов не имеет отношения к извлечению стилей. Как нравится, так и делайте. В плане производительности querySelectorAll сильно проигрывает(в ~26 раз медленнее) даже в простейших случаях, поэтому в сложных проектах всё же целесообразней использовать метод который подходит в каждом конкретном случае.