js修改颜色

// 获取元素
var element = document.getElementById('myElement');

// 设置背景颜色
element.style.backgroundColor = 'blue';

// 设置文字颜色
element.style.color = 'white';

/* 定义一个CSS类 */
.highlight {
    background-color: yellow;
    color: black;
}

// 获取元素
var element = document.getElementById('myElement');

// 添加类
element.classList.add('highlight');

// 移除类
element.classList.remove('highlight');

/* 定义CSS变量 */
:root {
    --main-bg-color: white;
    --main-text-color: black;
}

#myElement {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

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

window.onload = function() {
    var element = document.getElementById('myElement');
    if (element) {
        element.style.backgroundColor = 'blue';
    }
};