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

     }
 }