js如何修改css

在JavaScript中，你可以通过多种方式来修改CSS样式。以下是一些常见的方法：

1. 直接操作DOM元素的style属性

你可以直接修改DOM元素的`style`属性来改变样式。

```javascript

// 假设有一个id为'myElement'的元素

var element = document.getElementById('myElement');

element.style.color = 'red'; // 改变文字颜色为红色

element.style.fontSize = '24px'; // 改变字体大小

```

2. 使用CSS类

如果你想要改变一组元素的样式，可以创建一个CSS类，并在JavaScript中添加或移除这个类。

```javascript

// 假设有一个id为'myElement'的元素

var element = document.getElementById('myElement');

element.classList.add('new-class'); // 添加一个新类

element.classList.remove('old-class'); // 移除一个旧类

```

CSS类定义如下：

```css

.new-class {

color: red;

font-size: 24px;