按钮1
按钮2
按钮3
按钮4
按钮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’;
}
最终效果为:
接下来我们举几个例子看看吧!
[](()1、实现简单的tab栏切换的功能
===============================================================================
代码如下:
- 标签一
- 标签二
- 自适应宽度的标签
- 第一个标签的内容第二个标签的内容自适应宽度的标签的内容
实现效果为:
[](()2、实现一个动态点击的调查结果显示页面,要求当点击复选框选项时对应的进度条增加。
=======================================================================================================
Document