估计是考虑到 ie6， 因为除了a标签，大多数标签鼠标hover是不被识别的。不过，还是个人建议样式还是尽量由CSS控制，尽量做到样式与结构分离。

所以，

li[i].onmouseover = function(){
    this.style.className += "hover";
}

应该要根据具体项目和效率吧，这里只是单改变背景颜色，所以直接用js改变背景颜色效率更高，如果用css，要写多几行css样式,还要添加、删除className,效率明显低了很多

要是这样的话，在JS中控制样式就违背了W3C标准的理念了，不利于样式与行为的分离，不利于代码维护

可以的