【JS实现】排他思想举例

昼白 • 2021-08-29 • CSS/HTML/JavaScript • 231 阅读

效果

实现

<body>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <script>
        var btns = document.getElementsByTagName('button');
        for (var i = 0; i < btns.length; i++) {
            btns[i].onclick = function() {
            //通过循环干掉其他人
                for (var j = 0; j < btns.length; j++) {
                    btns[j].style.backgroundColor = '';
                }
            //保留我自己
                this.style.backgroundColor = 'pink';
            }
        }
    </script>
</body>

 

 

本站部分文章资源来源于互联网，仅供学习交流，如若要商用，请购买正版！
若不听劝告，网友造成出现一切后果，与本站本人无关
本站有些资源未经测试，请注意网络安全，本站不对下载的资源造成的后果负责
免责声明
作者:昼白
转载请注明来源：https://www.2bcnm.com/3247.htm
THE END
分享
二维码
打赏
海报
【JS实现】排他思想举例
效果 实现 <body> <button>按钮</button> <button>按钮</button> <button>按钮</button> &……
<<上一篇
下一篇>>
文章目录
关闭
目 录