JavaScript可以动态添加CSS样式，这能够为网页提供更加丰富的外观效果。使用JavaScript动态添加CSS样式的方法有三种：
使用style属性
可以使用JavaScript的style属性为元素添加CSS样式，例如：
document.getElementById("myDiv").style.backgroundColor = "#f00";
以上代码将id为myDiv的元素的背景色设置为红色。
使用className属性
可以使用JavaScript的className属性为元素添加CSS类，例如：
document.getElementById("myDiv").className = "class1 class2";
以上代码将id为myDiv的元素添加两个CSS类，class1和class2。
使用insertRule()方法
可以使用JavaScript的insertRule()方法动态添加CSS规则，例如：
document.styleSheets[0].insertRule("#myDiv {background-color: #f00;}", 0);
以上代码将id为myDiv的元素的背景色设置为红色。
以上三种方法均可以用来动态添加CSS样式，但每种方法的使用场景不同，要根据实际情况选择适合的方法。
千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。
京公网安备 11010802030320号