个人js学习细节 - 数组遍历增加class类名

html:


  • 刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥
  • 刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥
  • 刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥
  • 刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥

css:

js:

window.onload = function () {

        var lis = document.getElementsByTagName("li");

        for(var i = 0; i <= lis.length; i++){
            //偶数行变色
            if(i%2 == 0){
                lis[i].style.background = "red";
            }
            lis[i].onmouseover = function () {
                //不用lis[i]是因为i是不断变化的,所以他可能是任何一个
                //this指向的是调用者
                //className 将class类cur添加给当前的li
                this.className = "cur";
            }
            lis[i].onmouseout = function () {
                this.className = "";
            }
        }
    }

你可能感兴趣的:(Javascript)