js怎么设置 style属性

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

// 设置单个样式
element.style.backgroundColor = 'blue';
element.style.color = 'white';

// 设置多个样式
element.style.cssText = 'background-color: blue; color: white; font-size: 16px;';

// 定义CSS类
/* 在CSS文件中 */
.myClass {
  background-color: blue;
  color: white;
  font-size: 16px;
}

// JavaScript中切换类
var element = document.getElementById('myElement');
element.classList.add('myClass'); // 添加类
element.classList.remove('myClass'); // 移除类
element.classList.toggle('myClass'); // 切换类

// 创建一个新的<style>元素
var style = document.createElement('style');
document.head.appendChild(style);

// 添加新的CSS规则
style.sheet.insertRule('body { background-color: blue; }', style.sheet.cssRules.length);