addEventListener и получение ID у вложенного элемента
Всем привет!
Подскажите, есть след.html код: <div id="aaa"> <img src="1.jpg" id="1"/> <img src="2.jpg" id="2"/> <img src="3.jpg" id="3"/> </div> Есть обработчик клика:
var el = document.getElementById("aaa")
el1.addEventListener("click", getId, false)
В результате у меня на экране есть 2 картинки, нажимая на каждую из них, вызывается div обработчик. Как мне в этом обработчике получить ID картинки ??? Или есть более правильный вариант установки обработчика клика ??? |
function getId(event)
{
event = event || window.event;
var t = event.target || event.srcElement;
alert(t.id);
}
|
dmitriymar, спасибо за ответ.
Мне тут предложили еще один вариант:
var el = document.getElementById("aaa")
var obj = el.getElementsByTagName("img")
for ( var i=0; i<obj.length; i++ ){
obj[i].addEventListener("click", getId, false)
}
Какой из вариантов лучше использовать, если картинок будет около сотни? |
Цитата:
|
в любом случае нужно получить доступ к элементу в каком произошло событие. код функции обработчика от этого не меняется.в первом варианте ещё остановить всплытие,но это 2 строки против сотни обработчиков. а "память браузера" не резиновая
|
Понял, спасибо !!!
|
| Часовой пояс GMT +3, время: 23:50. |