<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>DOM</title>
????<style>
????????ul?li{
????????}
????</style>
????<script>
????????window.onload=function(){
????????????var?oTxt=document.getElementById("Txt1");
????????????var?oBtn=document.getElementById("Btn1");
????????????var?oUl=document.getElementById("ul1");
????????????var?oBtn2=document.getElementById("Btn2");
????????????oBtn.onclick=function(){
????????????????var?oLi=document.createElement("li");
????????????????var?aLi=document.getElementsByTagName("li");
????????????????oLi.innerHTML=oTxt.value;
????????????????//?oUl.appendChild(oLi);??//往后插入元素
????????????????if(aLi.length>0){
????????????????????oUl.insertBefore(oLi,aLi[0]);
????????????????}else{
????????????????????oUl.appendChild(oLi);
????????????????}
????????????????oBtn2.onclick=function(){
????????????????????for(var?i=0;i<aLi.length;i++){
????????????????????????oUl.removeChild(aLi[0])
????????????????????}
????????????????}
????????????}
????????}
????</script>
</head>
<body>
<input?type="text"?id="Txt1">
<input?type="button"?id="Btn1"?value="添加li">
<input?type="button"?id="Btn2"?value="刪除">
<ul?id="ul1">
????<li>11111<a?href="#">隱藏</a></li>
????<li>阿斯頓發生的薩頂頂<a?href="#">隱藏</a></li>
????<li>zzzzzzzz<a?href="#">隱藏</a></li>
????<li>qqqqq<a?href="#">隱藏</a></li>
????<li>SSSSSSSS<a?href="#">隱藏</a></li>
</ul>
</body>
</html>我想每次一點刪除按鈕，可以刪除當前ul中的一個li， 為什么這樣寫出來的效果每次點一下都刪兩個，而且刪的是位于基數次列的li，也就是每次都刪掉1，3，5的li ?請問問題出在哪里呀？？》
新手dom關于刪除子節點問題
Ni14
2016-12-16 20:08:05
