请大家再看下这个有什么问题

Question

<ul id="ul">

    <li>sdgd</li>

    <li>dvsv</li>

    <li>dscs</li>

</ul>

<script type="text/javascript">

var li = document.getElementsByTagName('li');

var ul = document.getElementById('ul');

for(var i = 0;i < li.length;i++){

    li[i].index = i;

     li[i].onmouseover = function(){

          this.onclick = function(){

         ul.removeChild(ul.childNodes[this.index]);

          }

        }

}

可以删除li但不是我点击的那个，请问这是怎么回事？

Answer 1

因为每个li之间是有空白子节点的，所以没效果的情况是你删除了空白节点，一般再点一下你会发现又可以删了