html中li中加div位置不对,这个html往li中加入一个修改背景的类，为何不行？

问题：这个html往li中加入一个修改背景的类，为何不行？

例如this.className="sel";这样无法改变颜色，其中sel是这样的

.sel{background: yellow;}

但是换一种写法 this.style.background="red"; 就行呢？

全部代码：

Document

#main{

width: 300px;

height: 400px;

border:solid blue 1px;

overflow: hidden;

margin: 0 auto;

}

#main ul li{

width: 50px;

height: 50px;

list-style: none;

border: solid black 1px;

display: block;

float: left;

margin: 1px;

text-align: center;

line-height: 50px;

background: grey;

}

#main ul{

margin-bottom: 10px;

}

#main div{

clear: both;

margin: 40px;

border: black solid 1px;

width: 212px;

background: pink;

}

#main p{

text-indent: 2em;

word-wrap:break-word;

word-break:break-all;

}

.sel{background: yellow;}

window.οnlοad=function(){

var gmain=document.getElementById('main');

var gli=gmain.getElementsByTagName('li');

var gbottom=gmain.getElementsByTagName('div');

for (var i = 0; i < gli.length; i++) {

gli[i].index=i;

gli[i].οnmοuseοver=function(){

this.className="sel";

}

gli[i].οnmοuseοut=function(){

this.className="";

}

};

}

• 一月
• 二月
• 三月
• 四月
• 五月
• 六月
• 七月
• 八月
• 九月
• 十月
• 十一月
• 十二月

一月

更好地发挥地方规范大概是对方的身份的斯蒂芬森大富大贵方式对付对付时代发生的水电费