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

HTML代码简单如下：

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

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

完成的JavaScript代码：

 1 window.οnlοad=function()
 2 {
 3     var oUl=document.getElementById('ul1');    
 4 /*对所有li元素进行循环。当该元素下的a元素触发点击事件时，此a元素的父元素隐藏*/
 5     for(var i=0;i<oUl.children.length;i++)
 6     {
 7         oUl.children[i].children[0].οnclick=function()
 8         {
 9             this.parentNode.style.display='none';
10         }
11          
12     }        
13 }

 

转载于:https://www.cnblogs.com/f6056/p/9306003.html