Показать сообщение отдельно
  #9 (permalink)  
Старый 28.12.2015, 22:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сергей_Р, смутно вас понимаю но делегирование можно так, вместо алерта впишите что вам нужно
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .area{
     width: 200px;
     height: 200px;
     border: 5px solid #FF0000;
  }
  .go {
     width: 210px;
     height: 20px;
     background-color: #CD853F;
  }
  .lime{
  background-color: #00FF00;
}

  </style>
</head>

<body>
<div class="go">create</div>
<div class="area">area</div>
<script>
window.addEventListener('DOMContentLoaded', function() {
  var go = document.querySelector('.go'),
  area = document.querySelector('.area');
  go.addEventListener('click', function() {
      var div = document.createElement("div"),
      text_v = document.createTextNode("узнать индекс");
      div.appendChild(text_v);
      area.appendChild(div);
      div.classList.add('lime')
  });
   area.addEventListener('click', function (event) {
     var cls = event.target.classList;
     if(cls && cls.contains('lime')) {
       var index = [].indexOf.call(document.querySelectorAll('.lime'), event.target)
       alert(index); //или любое нужное вам событие
     }

  });
  });
</script>
</body>

</html>
Ответить с цитированием