js怎么修改style属性

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

// 修改单个样式属性
element.style.backgroundColor = 'blue';
element.style.fontSize = '20px';

// 创建一个CSS样式对象
var newStyles = {
    backgroundColor: 'green',
    fontSize: '24px',
    color: 'white'
};

// 应用样式对象到元素
var element = document.getElementById('myElement');
for (var property in newStyles) {
    element.style[property] = newStyles[property];
}

/* 在CSS文件中定义一个类 */
.myClass {
    background-color: red;
    font-size: 18px;
}

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

// 添加或移除类
element.classList.add('myClass'); // 添加类
element.classList.remove('myClass'); // 移除类

element.style.display = 'none';
element.offsetHeight; // 触发重排
element.style.display = '';

.myClass {
    background-color: red !important;
}