怎么判断点击事件的对象属于父对象第几个子节点

Question

<script>
function test(){
var e = event.srcElement;
var child = function (){
for(var i=0;i<e.parentElement.childNodes.length;i++)
if (e.parentElement.childNodes[i]==e)
return e.parentElement.childNodes[i];
}
    alert(child().outerHTML);
}
</script>
<div align="center" onclick="test()"><br><span>a</span><span>b</span><span>c</span><span>d</span></div>

Answer 1

点击a 返回div的第1个节点
点击b 返回div的第2个节点
是要返回a还是<scan>a</scan>,这个决定你用outerHTML还是用innerHTML