hi,欢迎访问本站!
当前位置: 首页Web前端正文

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

墨初 Web前端 98阅读

在 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属性,在所有的现代浏览器都兼容,无需额外设置。

声明:无特别说明,转载请标明本文来源!
相关推荐