Как указать, чтобы addeventlistener работал только в определенном слое или теге?

Question

[lumb]

Как указать, чтобы addeventlistener работал только в определенном слое или теге?

(например в <div class="post-body">... </div> или <article>...</article>)

Вроде бы есть element.addeventlistener но как этот element указать непонятно.

Answer 1

[Никита Ермиличев]

Если есть возможность указать id элементу, то можно так:

<div class="post-body" id='MY_ELEMENT'>... </div>

var element = document.getElementById("MY_ELEMENT");
element .addEventListener("click", function(){alert(1);});

Можете получить элемент через querySelector https://developer.mozilla.org/ru/docs/Web/API/Docu...

Comments

[lumb]

Хочется как раз найти решение без id

[Никита Ермиличев]

var element = document.querySelector('.post-body'); //вернёт первый элемент
var element = document.querySelector('article'); // Если нужно по article

var arElement = document.querySelectorAll('.post-body'); //вернёт все элементы

[lumb]

Никита Ермиличев, Спасибо, работает.

[Никита Ермиличев]

lumb, Не забудьте, пожалуйста, отметить решение верным :)

[lumb]

Никита Ермиличев, Я поискал, как отметить коммент с решением, но не нашел. Отметил первый ответ.