- Objective:
- Breadcrumb:
# 概念阐释
## 语义
对HTML的class属性进行增加、删除或拖拽。
## 语法
```js
el.classList.add()//增加
el.classList.remove()//删除
el.classList.toggle()//切换,适用于dark mode切换light mode
```
# 实例
```html
<button onclick="addBold()"> add Bold </button>
<p class="italic"> 原本是斜体字，点击button后变斜体加粗加高光</p>
```
```css
.italic{
font-style:italic;
}
.bold{
font-weight:bold;
}
.highlight{
background-color: yellow;
}
```
```js
const addBold = () => {
const el = document.querrySelector("p");
el.classList.add("bold","highlight");
}
```
# 相关内容
# 问题
# 问题答案
# 参考资料