按钮5
2、获取元素
3、循环遍历打印按钮
for(var i =0; i<btn.length;i++){
console.log(btn[i]
}
4、在第一个for
循环里面给每个按钮添加点击事件。首先在内循环里面清除掉所有按钮的样式,然后在外循环里给当前点击的按钮添加样式。
btn[i].onclick = function(){
for(var j =0;j<btn.length;j++){
btn[j].style.backgroundColor = ‘’;
}
this.style.backgroundColor = ‘blue’;
}
最终效果为:
接下来我们举几个例子看看吧!
===============================================================================
代码如下: