隔行变色 · JavaScript

## 隔行变色和高亮显示 ``` <body> <ul id="ul"> <li>哈哈哈哈</li> <li>哈哈哈哈</li> <li>哈哈哈哈</li> <li>哈哈哈哈</li> <li>哈哈哈哈</li> </ul> <input type="button" value="改变" id="btn"> <script> var ul = document.getElementById('ul'); var lis = ul.getElementsByTagName('li'); for (let i = 0; i < lis.length; i++) { if (i % 2 != 0) { lis[i].style.backgroundColor = 'pink'; } else { lis[i].style.backgroundColor = 'skyblue'; } } for (let i = 0; i < lis.length; i++) { var color; lis[i].onmouseover = function () { color = this.style.backgroundColor; this.style.backgroundColor = 'black'; } lis[i].onmouseout = function () { this.style.backgroundColor = color; } } </script> ```