通过DOM实现点击隐藏父元素

HTML代码简单如下：

<ul id='ul1'>
    <li><a href="javascript:">1</a></li>
    <li><a href="javascript:">2</a></li>
    <li><a href="javascript:">3</a></li>
    <li><a href="javascript:">4</a></li>
    <li><a href="javascript:">5</a></li>
</ul>

要求：通过JavaScript实现点击a标签，实现li元素的隐藏。

完成的JavaScript代码：

window.onload=function()
{
    var oUl=document.getElementById('ul1');    
/*对所有li元素进行循环。当该元素下的a元素触发点击事件时，此a元素的父元素隐藏*/
    for(var i=0;i<oUl.children.length;i++)
    {
        oUl.children[i].children[0].onclick=function()
        {
            this.parentNode.style.display='none';
        }
         
    }        
}