老师请帮忙看看哪里能优化
来源:11-2 编程练习
Ethan815
2020-05-26 00:06:15
<script type="text/javascript">
//此处填写代码
var btnAdd=document.getElementById("btnAdd"),
btnRemove=document.getElementById("btnRemove"),
ul=document.getElementById("list"),
lis=ul.children,
len=lis.length,
count=4,
text=null,
li=null;
console.log(lis);
for(var i=0;i<len;i++){
lis[i].onmouseover=function(){
this.style.background="#a655c9";
}
lis[i].onmouseout=function(){
this.style.background="#fa9c89";
}
}
btnAdd.onclick=function(){
text=document.createTextNode("我是li"+count);
li=document.createElement("li");
li.appendChild(text);
ul.appendChild(li);
count++;
}
btnRemove.onclick=function(){
ul.removeChild(document.querySelector("li:last-child"));
count--;
}
</script>
1回答
好帮手慕码
2020-05-26
同学你好,当点击删除元素全部把li元素删除之后,继续点击按钮,会出现报错:

是因为没有子元素了,继续移除就会出错,可以提前添加判断,如下:

如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题