1

Имеется несколько div c class='card'. как реализовать в js, чтобы при нажатии на одном из элементов происходило событие какое-либо? Вот ниже моя реализация которая не работает:

document.getElementsByClassName('card').onclick = function (){
   alert('asfd');
}

Div создается следующим образом:

var div=document.createElement('div');    
    div.classList='card'; 


for(i=1;i<4; i++){
    for(j=1;j<7;j++){
        var cardClone = div.cloneNode(true);        
        cardClone.setAttribute('grid-column',j);
        cardClone.setAttribute('grid-row',i);
        place.appendChild(cardClone);

    }
2
  • А вам принципиально использовать чистый js? 8 июн 2018 в 13:08
  • Не совсем понял вопрос: нужно, чтобы на каждой копии висел Listener, или только на одном блоке из всех клонов? 8 июн 2018 в 13:13

2 ответа 2

2
place.addEventListener("click", function(e){
  if (e.target.classList.contains("card")) {
    alert("asfdf");
  }
});
0

getElementsByClassName() выводит массив, для событий можно использовать так же и addEventListener(event, callback)

for(var i = 0; i < document.getElementsByClassName('card').length; i++) {
  document.getElementsByClassName('card')[i].onclick = function (){
    alert('asfd');
  }
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.