##具體操做以下this
for (var i = 0; i < oLis.length; i++) {
oLis[i].style.background = i % 2 ? 'blue' : 'red';
olis[i].myindex = i;
oLis[i].onmouseenter = function () {
col = this.style.background;
this.style.background = 'black'
}
oLis[i].onmouseleave = function () {
this.style.background = col;
}
oLis[i].onclick = function () {
alert(`我是第${this.myindex + 1}個li`)
}
}
第一步 咱們須要獲取到 body裏面的li 給他一個對應的olis·
而後咱們 i%2 獲得的是偶數 偶數給他設置一個顏色,反之奇數,則設置另外一種顏色
實現 隔行變色
最後是彈出提示效果
須要添加一個鼠標事件,我是第x行 或者第幾個 li。
由於從索引0開始,因此須要+1 顯示第一行複製代碼