className的优缺点及使用方法优点：可以简化代码，可以同时指定多个样式，样式类名之间以空格隔开。缺点：会覆盖

优点：

可以简化代码，可以同时指定多个样式，样式类名之间以空格隔开。

graph TD
Start --> Stop

缺点：会覆盖元素之前的样式，在使用插件或者框架时，我们并不知道当前元素之前是否加了样式，意味着我们在使用className的时候风险太大，如果你能确定当前元素就是一个样式那么可以使用此方法

语法：

对象.className = '输入你需要加入的css样式类名'

代码如下：

.mydiv { width: 400px; height: 250px; background-image: url(./images/1.jpg); background-size: contain; background-repeat: no-repeat; } .youstyle { font-size: 40px; }

.mystyle {
  color: skyblue;
  text-decoration: underline;
  background-color: orange;
}

<div class="divborder">我是一个div</div>

<p>我是一个p元素</p>

 ```div.className = 'mydiv'
 
    p.className = 'mystyle youstyle'