sdgd
    
dvsv
    
dscs


            
            
            
            
            
            
            
            
            
            
            
            

            

                

                    
                    

                        ringa_lee
                        
ringa_lee
                    
                
                

                    

                    

                        

                            回答
                        
                    
                
            
            

                

                    
全部回复(6)
                    我来回复
                
                


                                

                    
                    

                        

                            

                                PHP中文网2017-04-11 13:05:07
                                6楼
                            
                            
因为每个li之间是有空白子节点的，所以没效果的情况是你删除了空白节点，一般再点一下你会发现又可以删了
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                ringa_lee
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                PHP中文网2017-04-11 13:05:07
                                5楼
                            
                            
你想实现点击删除某个li？那为什么要套在一个onmouseover里面，而且为什么要那么复杂
var li = document.getElementsByTagName('li');
for(var i = 0;i < li.length;i++){
    li[i].onclick= function(){
         this.remove();
    }
}
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                ringa_lee
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                ringa_lee2017-04-11 13:05:07
                                4楼
                            
                            
上面的问题出现在当li元素删除时，li元素的数量就会减少，li.length,this.index也就发生了变化；可以在for遍历中从后往前即可：
for(var i= li.length-1; i>-1; i--) {
...
}
正确思路是把事件绑定到li元素的父级ul上，当鼠标点击到要删除的li元素时，鼠标事件会从li传递到父级ul上，再通过事件对象event.target获取当前点击的li元素，如下：
...
<script>
var ul = document.getElementById('ul');
ul.onclick = function(e) {
    var e = e || e.target;
    var target = e.srcElement || e.target;
    this.removeChild(target)
}
</script>
需要了解js事件代理，冒泡机制，以及js事件对象
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                ringa_lee
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                怪我咯2017-04-11 13:05:07
                                3楼
                            
                            
看一段你的代码:
li[i].onmouseover = function(){
    this.onclick = function(){
    ul.removeChild(ul.childNodes[this.index]);
  }
}
其中ul.childNodes 返回的是 子节点的集合
而节点包括:

文本节点
属性节点
元素节点

所以ul.removeChild()移除肯定会出现错误
如果要按照你的逻辑来，可以这么写:
li[i].onmouseover = function(){
    var that = this;
    this.onclick = function(){
        ul.removeChild(that);//或者 that.remove();
    }
}
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                ringa_lee
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                高洛峰2017-04-11 13:05:07
                                2楼
                            
                            
js中的一种特别的方式去实现这个功能 (这个完全是js设计模式的一种模式——命令模式)
倘若对代码进行优化的话，代码可以这样写：
<script>
var ul = document.getElementById('ul');
ul.addEventListener('click',function (e) {
        var e = e || e.target;
        var target = e.srcElement || e.target;
        this.removeChild(target)
    },false)
</script>
                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                ringa_lee
                                            
                                            

                                        
                                        
                                        回复
                                    
                                
                            
                            

                                

                                    
                                

                            


                        
                    

                
                

                                

                    
                    

                        

                            

                                PHP中文网2017-04-11 13:05:07
                                1楼
                            
                            
或许这样可以：
<script>
var ul = $('ul');
var i=0;
ul.ready(function(e){
var e = e || e.target;
var target = e.srcElement || e.target;
target.index=i;
i++;
})
ul.click(function(e) {
var e = e || e.target;
var target = e.srcElement || e.target;
this.removeChild(target);
target.nextAll.index ++;
})
</script>

                            

                                 
                                赞 +0
                                

                                    添加回复
                                
                            
                                                            

                                    

                                        

                                            

                                                
                                                ringa_lee
                                            
                                            

                                        
                                        
                                        回复