老师请帮忙看看哪里能优化

来源: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元素删除之后,继续点击按钮,会出现报错:

http://img.mukewang.com/climg/5ecc7e15092e60c808900079.jpg

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

http://img.mukewang.com/climg/5ecc7e640926842e06620146.jpg

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

0

0 学习 · 40143 问题

查看课程