首先搭建5个按钮
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
</body>
要实现点击一个按钮实现某种效果并使其他按钮恢复原来的状态
此处以改变按钮的背景颜色为例
首先获取元素
var test = document.getElementsByTagName('button');
得到数组形式,对其进行遍历并实现点击按钮的操作并让其他按钮复原
for (var i = 0; i < test.length; i++) {
test[i].onclick = function () {
for (var i = 0; i < test.length; i++) {
test[i].style.backgroundColor = '';
}
this.style.backgroundColor = 'green';
}
}