大家帮我分析下代码

请高手帮我把这2个函数的注释说明含义下..restore(); remove();
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css">
*{margin:0;padding:0;}
ul{list-style:none;} #list{
width:400px;
border:1px solid orange;
margin: 50px auto;
font-size:14px;
}
#list li {
height:30px;
line-height:35px;
}
#background{
border:1px solid #ccc;
height:100px;
width:110px;
line-height:100px;
}
</style> <script type="text/javascript">
function colors (color){
var background = document.getElementById("background");
background.style.backgroundColor = color;
}
function link(){
var links = document.getElementsByTagName("a");
for(var i=0; i<links.length; i++){
links[0].onclick = function(){
colors('red');
}
links[1].onclick = function(){
colors('blue');
}
links[2].onclick = function(){
colors('orange');
}
links[3].onclick = function(){
colors('pink');
}
links[4].onclick = function(){
colors('green');
this.nextSibling = this.style.background = "red";
}
links[5].onclick = function(){
colors('black');
}
if(links[i].style.backgroundColor == ""){
colors('#ccc');
} }
}
window.onload = link;
function remove(){
var list = document.getElementById("list").getElementsByTagName("li"),item,i=list.length-1;
item=list[i];
while(item.style.display=='none'){
                    item=list[--i];
}
item.style.display='none';
}
function restore(){
                var list = document.getElementById("list").getElementsByTagName("li"),len=list.length;
for(var i=0;i<len;i++){
                    var item=list[i];
                    if(item.style.display=='none'){
                        item.style.display='block';
                        break;
                    }
}
}
</script> </head>
<body>
<input type="button" value="恢复" onclick="restore()" /> <ul id="list"> <li><a href="#">我要红色的</a></li>
<li><a href="#">哦要蓝色的</a></li>
<li><a href="#">我要橘色的</a></li>
<li><a href="#">我要粉色的</a></li>
<li><a href="#">我要绿色的</a></li>
<li><a href="#">我要黑色的</a></li>
</ul>
<div id="background">
我最喜欢的几种颜色!
</div> <input type="button" value="删除按钮" onclick="remove()" /> </body></html>

解决方案 »

  1.   

    1：点击“我要xxx”后，下面的div的背景颜色就会变成点击的颜色
    2：删除按钮被点击后，将隐藏全部li
    3：恢复按钮用于是隐藏掉的li再次显示出来
    window.onload = link;完全可以放在第一行，而没必要放在link函数声明后面，因为函数声明是优先于与语句的
      

  2.   

    1. 点击“我要xxx”后，下面的div的背景颜色就会变成点击的颜色
    2. 点击删除按钮，将按照li里罗列的顺序倒序删除即依次删除我要黑色的 到 我要红色的！
    3. 恢复按钮，将顺序按照li里罗列的顺序依次显示出来，即有我要红色的 到 我要黑色的！楼主为啥不运行起来看看呢？
      

  3.   

    ,item,i=list.length-1;
                    item=list[i];
                    while(item.style.display=='none'){
                        item=list[--i];
                    }
    kreak;以上这些语句我不懂
      

  4.   

    这很好理解啊！首先拿到id=list的ul下所有的li，这是一个集合，item是代表某个li，i=list.length-1就是拿到ul下li的个数，用while去循环li，判断li的样式是否是隐藏的，是的话就让item指向该li，如果有多个li是隐藏的，item将指向最后一个隐藏的li，然后停止函数