无法阻止冒泡~~~我郁闷!!

Question

<script language="JavaScript" type="text/javascript">
function $(id){return document.getElementById(id);}
var arry_li=$("top_link").getElementsByTagName("li");
for(var i=0; i<arry_li.length;i++)
{
var li=arry_li[i]
        li.onmouseover=function(eventTag)//为<li>注册事件
{ var e=eventTag||window.event;
if (window.event) //阻止事件冒泡!
{
e.cancelBubble=true;
} 
else {
e.stopPropagation();
}
var src = e.srcElement || e.target;
alert(src.tagName); //这里输出的却是<li>的子元素的标签名
}
}
</script>为什么最后输出的是<li>的子元素的标签名,而不是<li>的?????????

Answer 1

 你既然想返回当前li元素
li.onmouseover = function(){
    alert(this.tagName)
}