Можно использовать свойство .children:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script>
document.getElementsByTagName('ul')[0].onclick = function(event){
event = event || window.event;
var target = event.target || event.srcElement;
for(var i = 0, l = this.children.length; i < l; i++)
if( this.children[i] === target ){
alert(i);
break;
};
};
</script>
А с опытом научишься делать нормально
