Ошибка Cannot set property 'onclick' of null?

Question

[Hello00]

Доброго времени суток.
Подскажите пожалуйста в чем проблема ?
Есть файл "ambition.html"
В нем лежат 3 ссылки,при нажатии на которые ,асинхронно подгружается контент.
Ajax реализован на jquery.


Основа (классы, блоки ) во всех трех ссылках одинаковые


Когда пытаюсь подвесить событие на любой элемент на странице day, month, year , то выбивает ошибку:

Когда комментирую код jquery(ajax) то все работает хорошо.

Answer 1

[rogiivs]

потому что querySelector возвращает не один элемент а коллекцию. В JQuery это реализовано. в ванильном JS нет.
так работать будет

selectAllButton[0].onclick = function() {
    alert( 'fuck' );
  };

JQuery проходится по всем выбранным элементам и присваивает им всем этот обработчик

Comments

[dollar]

Не правда.
querySelector возвращает единственный элемент.

[Hello00]

Насколько мне известно,коллекцию возвращает querySelectorAll

[rogiivs]

Hello00, простите, наверное мне стоит уже спать. Я этого не заметил.

Cannot set property "onclick" of null

значит то что невозможно установить свойство onclick несуществующему элементу. попробуйте document.getElementsByClassName('btn_done')[0]

Answer 2

[dollar]

let selectAllButton = document.querySelector('.btn_done');

if (!selectAllButton) {
	alert('Реально fuck');
	alert('Подождём чуть');
	setTimeout(e=>{
		let selectAllButton = document.querySelector('.btn_done');
		if (!selectAllButton) alert('Не, ну я так не играю. Что за нах?');
		else alert('А щас норм. Странно.');
	}, 1000);
} else {
  selectAllButton.onclick = function(){
    alert('Норм');
  };
}

Comments

[Hello00]

Почему нельзя подвесить событие на кнопки ?

[dollar]

Hello00, чтобы ответить на вопрос, нужно заняться отладкой вашего скрипта. Мало того, что это выходит за рамки вопроса и не приветствуется на Q&A сайте, так вы ещё и код картинками вставляете (правила п.3.8).

Я вам привёл пример, с чего стоит начать. В зависимости от результата, двигаться дальше. Никто, кроме вас, отладку не сделает. А даже если сделает, не будете же вы по каждой ошибке заводить отдельный вопрос? Не серьёзно это как-то...

[Hello00]

dollar, Спасибо