addEventListener

[DivMan]

Почему выдаёт ошибку в консоле?

 

http://codepen.io/anon/pen/KVeqaJ

 

А здесь вообще не работает 

https://jsfiddle.net/

Edited January 30, 2016 by DivMan

[parliament]

Все работает

[andrey7287]

А зачем ты повторно ищешь элемент, который у тебя  в this ...

[DivMan]

Сделал вот такой счётчик, это нормально?

 

https://jsfiddle.net/0dd1w7q1/7/

Edited January 31, 2016 by DivMan

[andrey7287]

counter зачем если можно напрямую читать и писать значение.

 

в данной реализации проще onclick.  

[DivMan]

Сделал вложенное меню, почему при клике на пончик, меню закрывается?  Я же остановил всплытие.

 

https://jsfiddle.net/z3rcp0ww/

Я нашёл ошибку, второй hide я искал в корне, а надо было в clickMenu2.querySelector(".hide").

 

Но почему, если убрать stopPropagation, то главное меню не закрывается? Должно же идти всплытие, а оно не идёт.

 

https://jsfiddle.net/z3rcp0ww/1/

[DivMan]

Сделал выпадающее меню, по клику на новый пункт, другой закрывается, это нормальный код, как упростить?

 

https://jsfiddle.net/z3rcp0ww/3/

[andrey7287]

Такие вещи делаются одним обработчиком и одной переменной.

[cat]

  On 2/3/2016 at 4:10 PM, DivMan said:

Сделал выпадающее меню, по клику на новый пункт, другой закрывается, это нормальный код, как упростить?

 

https://jsfiddle.net/z3rcp0ww/3/

 

Попробуйте такой вариант: https://jsfiddle.net/psr1919plus21/z3rcp0ww/5/

[DivMan]

Почему пункт не раскрывается? 

http://plnkr.co/edit/whjwsStJyg89HWCQQvGD?p=preview

 

[li4e]

1.) Во время выполнения js скрипта dom еще не сформирован
2.) querySelector принимает селектор а у вас класс без точки
 

http://plnkr.co/edit/5logIfLPgGl16yBdo75U?p=preview

Пользуйтесь консолью

[DivMan]

Я не понимаю, почему выдаёт Cannot read property 'addEventListener' of null

Если событие работает?

https://jsfiddle.net/n0jcxL1h/

Edited April 15, 2016 by DivMan

[li4e]

  On 4/15/2016 at 9:05 AM, DivMan said:

Я не понимаю, почему выдаёт Cannot read property 'addEventListener' of null

Если событие работает?

https://jsfiddle.net/n0jcxL1h/

Expand  

По этому фидлу у меня все работает без ошибок

[DivMan]

А сейчас в чём проблема?

https://jsfiddle.net/n0jcxL1h/1/

 

Наверно надо почитать про всплытие?

и почему, если написать  var item = document.querySelector(".title-accordion");

а потом вызвать этот item, то будет null? Как он может быть пустым, если в нём есть код?

Edited April 15, 2016 by DivMan

[Sensei]

Обе функции выполняются поочередно при каждом клике.
Вот и получается, первая отображает элемент, вторая следом его скрывает.
Объедините в одну функцию.

item.addEventListener("click", function(){
	
	if (el.style.display === "block") {

		el.style.display = "none";

	}
	else {

		el.style.display = "block";

	}
	
});

 

  On 4/15/2016 at 10:13 AM, DivMan said:

а потом вызвать этот item, то будет null? Как он может быть пустым, если в нём есть код?

Expand  

Если элемент не найден, querySelector возвращает null.
Переменной присваивается не код, а результат вычисления этого кода.

[DivMan]

Почему фон не красится http://plnkr.co/edit/3oH2N8skp6wAF6EnL9kP

[li4e]

Потому что 

"mainIitemAaccordion.style.visibility" не равно "visible" и у вас еще пропущена ")" после условия

[DivMan]

А почему сейчас заголовок не изменяет цвет

http://plnkr.co/edit/3oH2N8skp6wAF6EnL9kP

[DivMan]

  On 4/15/2016 at 5:17 PM, Sensei said:

 

 

Если элемент не найден, querySelector возвращает null.

Expand  

Так он же нашёл этот элемент, почему возвратил null?

[DivMan]

Я никак не понимаю, почему код работает, если переменные undefined, как это понимать?

https://jsfiddle.net/hyzLnvgx/1/

[Николя223]

какая переменная?  почему undefined?  

в консоле наверно пытаешься запустить?  ну а там iframe поди

[DivMan]

в консоле 

Я не понимаю, почему блок раскрывается, но в нём ничего нету?

https://jsfiddle.net/hyzLnvgx/3/