Web APIs---3. DOM(2)

1 排他思想（算法）

<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
    <script>
        //1. 获取所有按钮元素
        btns = document.getElementsByTagName('button');
        //2. 绑定事件
        for (var i = 0; i < btns.length; i++) {
            btns[i].onclick = function() {
                //（1）将所有按钮背景颜色去掉
                for (var j = 0; j < btns.length; j++) {
                    btns[j].style.backgroundColor = '';
                }
                //(2)将当前按钮的背景颜色设置为粉红色
                this.style.backgroundColor = 'pink';

            }
        }
    </script>
</body>

来源：https://www.cnblogs.com/deer-cen/p/12230282.html

标签

按钮

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!