js 修改button颜色

// 获取按钮元素
var button = document.getElementById('myButton');

// 修改背景颜色
button.style.backgroundColor = 'blue';

// 修改文字颜色
button.style.color = 'white';

.button-blue {
    background-color: blue;
    color: white;
}

// 获取按钮元素
var button = document.getElementById('myButton');

// 添加类名
button.classList.add('button-blue');

// 若要移除类名
// button.classList.remove('button-blue');

:root {
    --button-bg-color: blue;
    --button-text-color: white;
}

#myButton {
    background-color: var(--button-bg-color);
    color: var(--button-text-color);
}

// 修改CSS变量
document.documentElement.style.setProperty('--button-bg-color', 'green');
document.documentElement.style.setProperty('--button-text-color', 'yellow');