target

[DivMan]

Почему, если строку

 var howmany = this.querySelectorAll('li').length;

изменить на

 var howmany = e.target.querySelectorAll('li').length;

То работать не будет? this и target это же одно и тоже?

 

https://jsfiddle.net/Ldw2u2ut/1/

 

По щелку на изображение, оно должно удаляться. 

[Igor Schnaider]

if (e.target.tagName === 'IMG') { ... }

Соответственно будет искать LI в img.

 

this же равен .grid

[DivMan]

if (e.target.tagName === 'IMG') { ... }

Соответственно будет искать LI в img.

 

 

 

 

Может наоборот img в li?

[Igor Schnaider]

 

if (e.target.tagName === 'IMG') { ... }

Соответственно будет искать LI в img.

 

 

 

 

Может наоборот img в li?

 

e.target.querySelectorAll('li') ...

А e.target - это img.

[DivMan]

То есть

if (e.target.tagName === 'img')

означает, если событие вызвано с помощью тега img?

Edited February 4, 2016 by DivMan

[Igor Schnaider]

e.target - это элемент, на котором произошло событие.

 

Здесь вместо this можно использовать e.currentTarget

[DivMan]

Почему не работает?

jsfiddle/guxo7rhp

Почему не работает?

https://jsfiddle.net/guxo7rhp

Edited February 5, 2016 by DivMan

[li4e]

https://jsfiddle.net/ajsafmxz/

Потому что target ссылается на элемент а не просто хранит название элемента

Самый простой способ определить почему не работает, проверять что хранится в переменных в условии.
Выводите в консоль и смотрите. Сразу вопросы отпадут

Edited February 5, 2016 by li4e

[DivMan]

Я это на планшете делаю

Edited February 5, 2016 by DivMan

[li4e]

В codepen есть консоль в интерфейсе

[DivMan]

Вот так?

https://jsfiddle.net/guxo7rhp/1/