源代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <button>按钮</button>
        <button>按钮</button>
        <button>按钮</button>
        <button>按钮</button>
        <button>按钮</button>
        <script type="text/javascript">
//            1给五个按钮都添加一个点击事件
//            2获取所有的按钮元素
//            3需要点击事件清除所有的按钮的背景颜色    
//            4然后把当前按钮的背景颜色改变
            
            
            var btn = document.getElementsByTagName("button")
            for(var i = 0; i < btn.length; i++){
                
                btn[i].onclick = function(){
                for(var i = 0; i<btn.length; i++){
                    btn[i].style.backgroundColor = "";
                    console.log(1)
                }
                this.style.backgroundColor = "pink";
                
            }
                
                }
        </script>
    </body>
</html>

页面效果：

原文地址：https://www.cnblogs.com/niuyaomin/p/12024616.html