Почему className возвращает не строку?

Question

[dmitriyivvvv]

Добрый день! Почему в данном коде(6ая строчка кода) ссылка на JSFiddle, свойство className возвращает не строку? как это можно исправить?

Comments

[supertrolyaso]

Все он правильно возвращает, посмотрите в консоль: https://jsfiddle.net/2wgjsdt5/7/

Answer 1

[Stalker_RED]

На самом деле все правильно возвращает. В каком браузере у вас не работает?

Не лучше ли так:

var list = document.getElementsByClassName('accordion')[0];

list.addEventListener('click', function(e) {
  e.preventDefault();
  e.target.nextElementSibling.classList.toggle('active');
});

https://jsfiddle.net/2wgjsdt5/5/

Comments

[dmitriyivvvv]

А без classList никак? Я просто хотел разобраться в чем именно причина. Браузер хром, в edge проверил все тоже самое. Возвращает значение но без "", те это не строка если сравнить с помощью typeof.

[Stalker_RED]

dmitriyivvvv, можно и без classList, но не понимаю зачем. Для старых браузеров проще подключить полифиллы, а не писать в 5 раз больше кода на каждый чих.

[dmitriyivvvv]

Stalker_RED, Спасибо, я просто хотел понять почему возвращает не строку, я понимаю что с classList проще

[Stalker_RED]

dmitriyivvvv, className всегда возвращает строку. Можно еще получить ошибку и undefined, если обратиться не к DOM-элементу, например. Но мне не удалось повторить. В каком браузере у вас оно не работает?

[dmitriyivvvv]

Stalker_RED, Все оказалось гораздо проще, свойство действительно возвращало строку, я пропустил присваивание из-за этого значение переменной не изменялось.