在html中
案例:tab切换效果
获取所有的li标签
第一件事:把这个a所在的所以兄弟元素的类样式全部移除(removeAttributes)
第二件事:当前点击的a父级元素li(点击这个a所在的所在元素li),设置背景颜色(this.parentNode.className)
#listli{
list-style-type:none;
width:80px;
height:30px;
line-height:30px;
background-color:beige;
text-align:center;
float:left;
margin-left:5px;
}
#listli.current{
background-color:burlywood;
}
#listlia{
text-decoration:none;
}
//获取所有的li标签
varliObjs=my$("list").getElementsByTagName("li");
//循环遍历,找到每个li中的a,注册点击事件
for(vari=0;i //每个li中的a varaObj=getFirstElement(liObjs[i]); aObj.onclick=function(){ //第一件事:把这个a所在的所以兄弟元素的类样式全部移除 for(varj=0;j liObjs[j].removeAttribute("class"); } //第二件事:当前点击的a父级元素li(点击这个a所在的所在元素li),设置背景颜色 this.parentNode.className="current"; returnfalse;//阻止超链接跳转 }; }