Как добавить класс объекту по нажатию?

Question

[Дмитрий Петров]

Всем привет. Не могу понять, почему вот такой код:

nextSlide = function () {
    var slide = document.getElementById("scalable");
    slide.classList.add("outDown");
};

Вызывает ошибку:

Uncaught TypeError: Cannot read property 'classList' of null

Хотелось бы узнать почему возникает ошибка...

Comments

[Евгений Петров]

Вы научитесь задавать вопрос? Делайте тестовую страницу.

Answer 1

[rmaksim]

нет вашего "scalable" на странице jsfiddle.net/dk5g30jv/2

Comments

[Дмитрий Петров]

rmaksim вот даже в песочнице работает, а так не работает - ошибка...

[rmaksim]

Dima krutOO: а есть больше кода? тут пока и добавить то нечего

[rmaksim]

Dima krutOO: "scalable" точно ID - может случайно class поставили например?

[Дмитрий Петров]

rmaksim: https://jsfiddle.net/dk5g30jv/4/ - вот именно так все у меня...

[Дмитрий Петров]

rmaksim: но даже в песочнице все нормально...

[rmaksim]

чего-то где-то не хватае (
потому как и добавляет и удаляет классы https://jsfiddle.net/dk5g30jv/5/

[Дмитрий Петров]

rmaksim: может еще какая-то информация нужна?

[rmaksim]

может выложите куда-нить в нет именно то что у вас не работет, может на самом деле где-то не заметная описка в коде

[Дмитрий Петров]

rmaksim: https://cloud.mail.ru/public/3T6j18xykTJf/trace/

[rmaksim]

поставить скрипт в конец файла перед body, а так получается скрипт выполняется раньше, чем все элементы окажуться в DOMе - короч нету проверки на документРэди

[Дмитрий Петров]

rmaksim: спасибо большое....

[rmaksim]

это если рассматривать присланный пример - там другая ошибка Uncaught TypeError: Cannot read property 'addEventListener' of null

[rmaksim]

о, сработало? - ок!

Answer 2

[danilduck]

onclick="$(this).addClass('класс');"

Comments

[Дмитрий Петров]

danilduck добавил в div - вызвало "Uncaught ReferenceError: $ is not defined"

[danilduck]

Dima krutOO: у вас не подключен JQuerry