如何简化这段代码？？？

Question

        var li01 = document.getElementById('li01'); li01.onmouseover = function(){ li01.className = 'cource'; li01.style.background = 'url(1.jpg)'; } li01.onmouseout = function(){ li01.className = ''; li01.style.background = 'url(1samll.jpg)'; } var li02 = document.getElementById('li02'); li02.onmouseover = function(){ li02.className = 'cource'; li02.style.background = 'url(1.jpg)'; } li02.onmouseout = function(){ li02.className = ''; li02.style.background = 'url(1samll.jpg)' } var li03 =document.getElementById('li03'); li03.onmouseover = function(){ li03.className = 'cource'; li03.style.background = 'url(1.jpg)'; } li03.onmouseout = function(){ li03.className = ''; li03.style.background = 'url(1samll.jpg)' }

Answer 1

别用id了直接加个相同的class 例如为 .tartgetLi,然后就是下面的代码

var lis = document.getElementsByClassName('targetLi');
for (var i = 0, len = lis.length; i < len; i ++) {
   var li = lis[i];
   console.log(li);
   li.onmouseover = function() {
       this.className = 'targetLi cource';
       this.style.background = 'url(1.jpg)';
   }
   li.onmouseout = function() {
       this.className = 'targetLi';
       this.style.background = 'url(1samll.jsp)';
   }
}