js 设置样式

// 示例代码：使用 JavaScript 设置元素样式

// 假设我们有一个 HTML 元素，其 ID 为 "myElement"
// 我们可以通过以下方式来设置它的样式

// 方法 1: 直接操作 style 属性
document.getElementById("myElement").style.color = "red";  // 设置文本颜色为红色
document.getElementById("myElement").style.fontSize = "20px";  // 设置字体大小为 20px

// 方法 2: 使用类名来设置样式
document.getElementById("myElement").classList.add("newClass");  // 添加一个 CSS 类
document.getElementById("myElement").classList.remove("oldClass");  // 移除一个 CSS 类

// 方法 3: 修改内联样式表
var element = document.getElementById("myElement");
element.style.cssText = "color: blue; font-size: 24px;";  // 一次性设置多个样式

// 解释：
// - 方法 1 是最直接的方式，通过修改元素的 style 属性来设置样式。
// - 方法 2 更加灵活，特别是当样式已经在 CSS 文件中定义时，只需要动态添加或移除类名即可。
// - 方法 3 可以一次性设置多个样式属性，适用于需要批量修改的情况。