Как обработать onclick по class без jquery?

Question

[Drembler]

Существует множество элементов с class="item", для обработки события onclick используется конструкция:

$(".item").click(function() {
	...
});

Как то же самое реализовать без jquery?

Answer 1

[Tema]

var items = document.getElementsByClassName('item');

for (var i = 0; i < items.length; i++) {
    items[i].addEventListener('click', function () {
        ...
    });
}

Comments

[777Don777]

Спасибо. код рабочий!

Answer 2

[Дмитрий Ким]

Попробуйте так:

document.getElementsByClassName('item').onclick = function(){}

Answer 3

[Дмитрий Ковальский]

GetElementByClassName
AddEventListener

Answer 4

[GreatRash]

var elems = document.querySelectorAll('.class-name');

[].forEach.call(elems, function(elem) {
  elem.addEventListener('click', function(e) {
    alert(this);
  }, false);
});