HTML+CSS+JavaScript

Есть HTML код:

<div id ="bag">   <div id ="img_случайное число">     <img src="..." onclick="..." id ="случайное имя">   </div> </div>

Нужно узнать при клике на картинку,id дива,в которой она находится.
Что подскажите?

Пробовал addEventListener,но успехов ноль

<img onclick=" var pn = this; while(pn = pn.parentNode) if(pn.tagName && pn.tagName == 'DIV' && pn.id) { alert(pn.id) } ">

А к чему такие сложности, что не достаточно будет узнать родителя так: alert(this.parentNode.id) ?

в ФФ this.parentNode может выступать текстовый нод, так, что для корректной работы нужны такие сложности

<div id ="bag">    <div id ="img_123"> sdfsdf     <img src="as.as" onclick="alert(this.parentNode.id)" id ="i_123">    </div>  </div>

Да и не видно у автора иных родителей.

Дело в том ,что сайт не мой и я соответсвенно не могу редактировать содержимое страницы(кроме файрбага и т.д.)

При клике на картинку просхсодит замена картинки.

Я ввести скрипт и чтобы при клике по картинке ,она не заменялась и показывался айди дива,в котором она находится.Вот текущий скрипт:

addEventListener('click',function (e) {     e.stopPropagation(); // Не работает     alert(e.target.parentNode.id); // работает     this.removeEventListener('click',arguments.callee,false); },false);

Как я понял, добавить onclick тегу в HTML-код Вы не можете.
Но можете внести какие-то изменения в блок <script></script> или во внешний js-файл.
Так?

Вам надо тогда ПОСЛЕ ЗАГРУЗКИ окна пробежаться циклом по всем тегам IMG страницы, определить те из них, кои имеют непустые id и находятся внутри div'ов c непустыми id, отменить прописанные у них (но ненужные Вам) функции, и назначить им исполнение нужной Вам функции.
Делается это (если по-простому, но кроссбраузерно) ТАК:

onload = function () { for (var imgs = document.getElementsByTagName ('img'), j = 0; j < obj.length; j++) if (imgs [j].id && imgs [j].parentNode.tagName == 'DIV' && imgs [j].parentNode.id) {imgs [j].onclick = null; imgs [j].onclick = mySuperFunction} } function mySuperFunction (ev) { var e = ev || window.event, o = e.srcElement || e.target; alert (o.parentElement.id); }

а чё за parentElement такой?

метод такой

мм насколько я понял оно не учитывает текстовые ноды?

Исправьте мою опечатку:

for (var imgs = document.getElementsByTagName ('img'), j = 0; j < imgs.length; j++)

PS. свойство parentElement лучше замените на offsetParent

Ок.спасибо.