1.效果:点击按钮,按钮变色。
代码:
var btn = document.getElementsByTagName("button");
for(var i = 0;i<btn.length;i++){
btn[i].onclick = function(){
this.className = "current";
}
}
注解:每次点击都会变色,这样就是一个循环的过程。
2.点击按钮变色其他不变色
代码:
var btn = document.getElementsByTagName("button");
for(var i = 0;i<btn.length;i++){
btn[i].onclick = function(){
for(var i = 0;i<btn.length;i++){
btn[i].className = "";
}
this.className = "current";
}
}
注意事项:代码中用了两个for循环。你在清空颜色的时候有清空了一次。所以用到两个for循环。