详细介绍一下js中className属性的作用

在 JavaScript 中，className 属性用于获取或设置HTML元素的类名。这个属性是Element接口的一部分，所以它可以存在于所有的HTML元素上。

js中className属性的用法

例：className获取html元素的类名

示例代码：

<div id="divs_sss" class="aaa" ></div>
<script>
    const divs = document.getElementById('divs_sss');
    console.log(divs.className);
</script>

例：className设置html元素的雷鸣

示例代码：

<div id="divs_sss"></div>
<script>
    const divs = document.getElementById('divs_sss');
    divs.className = 'aaa'; //这是设置一个class
    divs.className = 'aa bb cc dd'; // 这里设置多个class名，每个class名用空格分开的
    divs.className = ''; //如果设置为空，则会清空已有的CLASS
</script>

注：

1、如果className的值设置为空字符串，则会删除已有的DIV元素类。

2、如果设置多个类名，则可以通过空格分割进行设置。

3、className属性，在所有的现代浏览器都兼容，无需额外设置。