Не работает classList add в Javascript

Question

Не работает classList add в Javascript

Ulysses (Скиталец) Гуру (2874), на голосовании 1 год назад

document.querySelector('h2').classlist.add('red');

В этой части кода я присваиваю тегу h2 класс red, но в конечном итоге все, вложенное в тег h2 пропадает, вместо того, чтоб становится красным (в css я поставил для всех классов red красный цвет и красную рамку). Что я делаю не так?

Answer 1

В вашем коде ошибка находится в написании свойства classList. Оно начинается с маленькой буквы classList, а не с большой classlist. Исправьте это, и ваш код должен работать правильно:

document.querySelector('h2').classList.add('red');

После исправления, код добавит класс "red" к элементу h2, и стили из вашего CSS будут применены к этому элементу.

Answer 2

Используй нормальные редакторы и не будет таких глупых ошибок.