js中如何设置css样式

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

// 设置样式
element.style.color = "red";
element.style.backgroundColor = "yellow";

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

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

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

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

// 切换类名
element.classList.toggle("highlight");

// 获取样式表
var styleSheet = document.styleSheets[0];

// 添加新的规则
styleSheet.insertRule("#myElement { color: red; background-color: yellow; }", styleSheet.cssRules.length);

document.getElementById("myElement").setAttribute("style", "color: red; background-color: yellow;");