JavaScript:排他思想详述

按钮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、实现一个动态点击的调查结果显示页面，要求当点击复选框选项时对应的进度条增加。

  =======================================================================================================

这篇好文章是转载于：学新通技术网