js怎么写：<ul>内有3个<li>鼠标移入时改变li内某个div的样式

Question

var clea=document.getElementById("clearfix");
var cl=clea.getElementsByTagName("li");
var show=clea.getElementsByClassName("show")；

for(var i=0;i<cl.length;i++){
cl[i].onmouseover=function() {
 　　　this.style.marginTop = "-35px";  鼠标移入改变<li>的高度
　　　show.style.backgroundColor="red" (这是错误代码)鼠标移入改变<li>内的div样式

}

 cl[i].onmouseout=function(){
 this.style.marginTop="0px";

}

Answer 1

能直接用css的.干嘛用js?