Сергей_Р, смутно вас понимаю но делегирование можно так, вместо алерта впишите что вам нужно
<!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>