Javascript 如何使用一个按钮更改多个对象的颜色？

我想用一个按钮更改多个对象（页脚、div、文本）的背景颜色和文本颜色。我尝试使用按钮javascript，但我不想为了改变它们的颜色而命名多个对象按钮。 谢谢你试试这个 首先创建一个id为“btnChangeColor”的HTML按钮

您可以使用自己喜欢的值自定义类CSS（自定义主题）

.custom-theme {
    background-color: green;
    color: white;
}

---

你好你为此做了什么？请使用类选择器显示您的代码？

const btnChangeColor =    document.querySelector('#btnChangeColor');
const footer =            document.querySelector('footer');
const divs =              document.querySelectorAll('div');

btnChangeColor.addEventListener('click', () => {
    footer.classList.add('custom-theme');
    divs.forEach(item => {
        item.classList.add('custom-theme');
    });
});

.custom-theme {
    background-color: green;
    color: white;
}