Обход вложенных элементов

[rash]

Прошу прощения, что обращаюсь с таким вопросом, но Javascript я можно сказать не знаю (точнее, совсем не знаю), а тут дедлайн... По справочнику за 2-3 часа написал такой ужас, весь построенный на id и длинных условиях, что просто стыдно...

Вопрос - как кроссбраузерно обойти все дочерние объекты для заданного?

Например, по событию на элементе

нужно обойти все вложенные в него элементы , и выполнить для них заданное действие.

И еще - если функция вызвана обработчиком, как определить, какой именно элемент вызвал событие?

P.S: прошу прощения за вопрос, постараюсь больше не спрашивать таких простых вещей...

[LokiDi L0ck]

Самый простой пример.

<p id="list">
   <span>Span 1</span>
   <span>Span 2</span>
   <span>Span 3</span>
</p>

var list = document.getElementById('p');
var spans = list.getElementsByTagName('SPAN');

for (var i = 0; i < spans.length; i++) {
   spans[i].onclick = function() {
	  alert(this.innerHTML);
   }
}

[Maslakoff]

И еще - если функция вызвана обработчиком, как определить, какой именно элемент вызвал событие?

несовсем понял, но все же:

<script>

function doElement( element )
{
   alert(element);
   alert(element.id);
   alert(document.getElementById( element.id ));
}

</script>

<a href="#" id="some_element" onclick="doElement( this );">Element</a>

[LokiDi L0ck]

И еще - если функция вызвана обработчиком, как определить, какой именно элемент вызвал событие?

for (var i = 0; i < spans.length; i++) {
   spans[i].onclick = function(event) {
	  alert('Событие вызвано элементом: '+ event.target);
   }
}

Хотя если в элементе spans содержится ещ? какой либо слой, то при клике в области дочернего слоя event.target верн?т его.

Потому, в случае необходимости определения именно родительского элемента можно сделать и так:

for (var i = 0; i < spans.length; i++) {
   spans[i].onclick = function(event) {
	  alert('Событие вызвано элементом: '+ this);
   }
}

[rash]

Большое всем спасибо! -)

[Maslakoff]

LokiDi L0ck, ты непревзойд?нно крут))