JS小功能（button选择颜色)简单实例_javascript技巧

代码：
代码如下:




window.onload = function () {
var btn = document.getElementsByTagName('input');
var div = document.getElementsByTagName('div');
for (var i = 0; i < btn.length; i++) {
btn[i].index = i;
btn[i].onclick = function () {
for (var i = 0; i < btn.length; i++) {
btn[i].style.background = '';
}
switch (this.value) {
case '红色': this.style.background = '#FF0000';
break;
case '绿色': this.style.background = '#00FF00';
break;
case '黄色': this.style.background = '#FFFF00';
break;
case '蓝色': this.style.background = '#0000FF';
break;
}
for (var i = 0; i < btn.length; i++) {
div[i].style.display = '';
}
div[this.index].style.display = 'block';
}
}
};