// 获取按钮组 var btnGroup = document.querySelector(".layui-btn-group"); // 获取按钮列表 var btnList = btnGroup.querySelectorAll(".layui-btn"); // 给每个按钮添加点击事件 btnList.forEach(function(btn) { btn.addEventListener("click", function() { // 先将所有按钮的背景色去掉 btnList.forEach(function(b) { b.classList.remove("active"); }); // 给当前点击的按钮加上背景色 this.classList.add("active"); }); }); 你这没生效啊

对不起，代码没有完整的包含在 `<script>` 标签中，这可能是导致代码无法生效的原因。以下是完整的代码，您可以尝试在您的代码中使用它：

<div class="layui-btn-group">
    <button type="button" class="layui-btn">横排</button>
    <button type="button" class="layui-btn">竖排</button>
</div>

<script>
    // 获取按钮组
    var btnGroup = document.querySelector(".layui-btn-group");
    // 获取按钮列表
    var btnList = btnGroup.querySelectorAll(".layui-btn");
    // 给每个按钮添加点击事件
    btnList.forEach(function(btn) {
        btn.addEventListener("click", function() {
            // 先将所有按钮的背景色去掉
            btnList.forEach(function(b) {
                b.classList.remove("active");
            });
            // 给当前点击的按钮加上背景色
            this.classList.add("active");
        });
    });
</script>

<style>
    .layui-btn.active {
        background-color: #009688;
        color: #fff;
    }
</style>

上述代码中，我将 CSS 样式（`.active` 类）和 JavaScript 代码都包含在了 `<script>` 标签中，同时将样式放在了 `<style>` 标签中。如果您把这段代码放在 HTML 文件中，应该是可以生效的。