js怎么写css样式

### 标题：在Javascript中编写CSS样式的几种方法

在Web开发中，Javascript是一种强盛的工具，可以用来动态地改变HTML元素的样式。下面将介绍几种在Javascript中编写CSS样式的方法。

####

1. 行内样式操作

最直接的方法是使用元素的`style`属性来直接修改样式。

```HTML

这是一个段落。

```

这里，`myParagraph`的文本颜色被设置为红色，字体大小设置为20像素。

####

2. 类名操作

通常，我们会将一系列的样式定义在一个CSS类中，然后用JavaScript来切换这个类。

```HTML

这是一个段落。

```

在这个例子中，我们定义了一个名为`highlight`的CSS类，并在JavaScript中给`myParagraph`元素添加了`highlight`类。

####

3. 使用classList API

在现代浏览器中，`classList` API提供了更方便的方法来操作类名。

```html

这是一个段落。

```

`classList.add`和`classList.remove`方法可以方便地添加和移除类。

####

4. 动态创建样式表

还可以使用JavaScript动态地在文档中创建一个新的`