1

В контейнере должно быть 5 блоков(ячейки), по клику на блок появляется alert.

var div, container = document.getElementById('container');
   
for (var i = 0; i < 5; i++) {
	div = document.createElement('div');
  div.onClick = function() {
  	alert("Ячейка " + i);
  }
  container.appendChild(div);
}
#container {
  height:100px;
  border:1px solid red;
  }
#container div {
  background:blue;
}
<div id="container"></div>

2
  • див котрый вы вставляете не отображается изза отсутствия высоты и ширины, и правильно не onClick а onclick, "с" маленькая 31 янв 2018 в 7:14
  • Нет не из-за этого, а этого: "TypeError: container is null"
    – ikar
    31 янв 2018 в 7:44

1 ответ 1

0

Вот смотрите, все работает

var div, container = document.getElementById('container');

for (var i = 0; i < 5; i++) {
  div = document.createElement('div');
  div.onclick = function() {
    alert("Ячейка " + i);
  }
  container.appendChild(div);
}
#container {
  height: 100px;
  border: 1px solid red;
}

#container div {
  background: blue;
  height: 50px;
  width: 50px;
}
<div id="container"></div>

если у вас всетаки TypeError: container is null , проверте, есть ли елемент с ид container + проверте когда именно вы запускаете код, возможно вы не дожыдаетесь подгрузки ДОМ, в таком случаи можно сделать так :

document.addEventListener('DOMContentLoaded',function() {
  // тут ваш код
});
1
  • Да вы правы, спасибо разобрался. По коду в файле .html, JS обрабатывался раньше, чем HTML.
    – ikar
    31 янв 2018 в 8:05

Ваш ответ

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

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