单击时js怎么更改li里的class名称并显示出来应用该类的效果？

javascript中className属性可以获取和设置对象的类名，下面进行实例演示：单击li元素，该元素在red类之间切换（即单击一次显示红色，再次单击恢复原来的颜色，如此循环）。

1、HTML结构

	
Glen

	
Tane

	
John

	
Ralph

2、主要的css类

li{margin:5px;list-style: none;}
.red{color:red !important;}

3、javascript代码

window.onload = function(){
	obj_li = document.getElementsByTagName("li"); // 获取li对象数组
	for(k in obj_li)
		obj_li[k].onclick=function(){  // 为每个li注册单击事件
			this.className = this.className == "red"? "" : "red";    // 如果当前类为red，则取消当前类；否则，为当前元素添加red类
		}
}

4、效果展示

用className

lis[i].onclick = function () {
    this.className = "about_l_2";
};