如何简化这段代码？？？

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)';    }}