js实现绑定多个按钮并当点击某个按钮时改按钮颜色改变

最新推荐文章于 2023-04-14 11:36:00 发布

黄大仙No.1

最新推荐文章于 2023-04-14 11:36:00 发布

阅读量3.8k

点赞数 6

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/107800161

版权

javascript 专栏收录该内容

104 篇文章 9 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>按钮</button>
<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 () {
            console.log(i);
            for (var j=0;j<btns.length;++j){
                btns[j].style.backgroundColor='';
            }
            this.style.backgroundColor='pink';
        }
    }
</script>
</body>
</html>