JS 动态style

JavaScript动态样式，也称为动态CSS，是指通过JavaScript在运行时直接操作HTML元素的style属性，改变元素的样式属性值。这允许开发者在无需重新加载页面的情况下，对网页元素的外观进行实时修改。例如，你可以控制元素的颜色、大小、位置等。常见的应用场景包括响应式设计、交互效果、动画和用户界面的动态调整。

在JavaScript中，可以使用以下几种方式来动态设置样式：

1. 直接赋值给元素的style对象：`element.style.property = value;`
2. 使用setAttribute方法：`element.setAttribute('style', 'property: value');`
3. 使用DOMStyle接口：`element.style.cssText = 'property: value';`

举个例子：

var element = document.getElementById('myElement');
element.style.color = 'red';
element.style.fontSize = '16px';