1-24编程练习疑问

来源：1-24 编程练习

慕前端8073334

2018-10-04 23:20:23

1.题目链接： 
2.我的问题：
（1）改变后的样式偶数项，如魔兽世界，前面的实心圆点消失，这个怎么实现？
（2）为什么字体颜色只能setAttribute("id","purple")，其中"id" 为什么不能用其它自定义属性名称替代
    比如setAttribute("test","purple")
3.我的代码：
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>dom属性</title>
    <style type="text/css">
    #purple{color:purple;}
    #yellow{color:lightyellow;}
    .pink{background-color:pink;}
    .orange{background-color:orange;}
    </style>
</head>
<body>
    <h2>网络游戏排名</h2>
    <ul>
       <li>英雄联盟</li>
     <li>魔兽世界</li>
     <li>DOTA</li>
     <li>仙剑奇侠传</li>
     <li>穿越火线</li>
     <li>梦幻西游</li>
    </ul>
    <script>
     var list=document.getElementsByTagName("li");
     for(var i=0,len=list.length;i<len;i++){
     if(i%2==0){
     list[i].setAttribute("class","pink");
     list[i].setAttribute("id","purple");   

     }else{
     list[i].setAttribute("class","orange");
     list[i].setAttribute("id","yellow");   
     }
     }
     
    </script>
</body>

</html>

写回答

1回答