循环中的this

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循环。