通過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';
        }
         
    }        
}