image.png

    1. <ul>
    2. <li style="color: red">html</li>
    3. <li>css</li>
    4. <li>java</li>
    5. </ul>
    6. <script>
    7. var lis = document.getElementsByTagName("li");
    8. for(var i=0;i<lis.length;i++){
    9. lis[i].onclick = function(){
    10. /* 1.点击是首先让所有li变成黑色 */
    11. for(var j=0;j<lis.length;j++){
    12. lis[j].style.color="#333";
    13. }
    14. /* 2.让当前项变红色 */
    15. this.style.color="red";
    16. }
    17. }
    18. </script>