修改CSSStyleDeclaration

1.通过元素 ID 获取到相应的 DOM 节点，并将其转换为 CSSStyleDeclaration 类型

var element = document.getElementById("myElement"); // 根据元素ID获取DOM节点
var style = window.getComputedStyle(element); // 获取计算后的样式信息

2.直接访问 CSSStyleDeclaration 对象的属性进行修改：

javascriptstyle.backgroundColor = "red"; // 设置背景颜色为红色
style.fontSize = "20px"; // 设置字体大小为20像素

3.创建新的 CSSRule 对象，然后添加到样式表中：

javascript// 创建新的 CSSRule 对象
var newRule = document.createElement('style');
newRule.innerHTML = "#myElement { background-color: blue; }"; // 定义新的样式规则
document.head.appendChild(newRule); // 将新的样式规则添加到头部