Задать вопрос
@avikik
javascript

Почему onclick срабатывает не на том div?

Всем доброго времени!Проблема такова:
Циклом создаю div-ы на странице и в конце вешаю на него обработчик.
по нажатию на нужный мне див он должен менять содержимое, но проблема в том, что когда нажимаю на нужный мне блок, содержимое меняет всегда только последний блок.Хотя как я понял обработчик клика весит на всех блоках и он должен менять содержимое на нужном мне. В чем проблема?
<body>
    <p>поле</p>
    <div id = "home">

    </div>
    <script src="learnjs.js"></script>

</body>


[data-view = "pole"]
{
    width: 200px;
    height: 200px;
    background-color: rgb(80, 168, 190);
    float: left;
    margin: 2px; 
}
.pole-blue
{
    background: rgb(180, 70, 180);
}

var home = document.getElementById('home');

for(var i = 0;i<10;i++)
{
 var pole = document.createElement('div');
  pole.dataset.item = i;
  pole.dataset.view = "pole";
  home.appendChild(pole);

  pole.onclick = function()
  {
      if(this.className != 'pole-blue')
      {
          pole.className = 'pole-blue';
      }
  }
  
}
  • Вопрос задан
  • 117 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
@alexalexes
Потому что к элементу, на котором произошло событие, нужно выходить через e.target, то есть использовать дескриптор события e.
pole.onclick = function(e)
  {
      if(e.target.getAttribute('class') != 'pole-blue')
      {
          e.target.setAttribute('class', 'pole-blue');
      }
  }

Еще момент, переменная через var должна быть объявлена один раз, переопределять через var нельзя.
var pole = null;
for(var i = 0;i<10;i++)
{
  pole = document.createElement('div');
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Отладить код на JavaScript
18 дек. 2024, в 18:35
500 руб./в час
Автоматизировать задачи с помощью Python
18 дек. 2024, в 18:34
500 руб./в час
Разработка одностраничного сайта
18 дек. 2024, в 18:33
500 руб./в час
Ещё заказы