详细介绍一下js中className属性的作用
墨初 Web前端 887阅读
在 JavaScript 中,className 属性用于获取或设置HTML元素的类名。这个属性是Element接口的一部分,所以它可以存在于所有的HTML元素上。
js中className属性的用法
例:className获取html元素的类名
示例代码:
Markup
<div id="divs_sss" class="aaa" ></div>
<script>
const divs = document.getElementById('divs_sss');
console.log(divs.className);
</script>
例:className设置html元素的雷鸣
示例代码:
Markup
<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属性,在所有的现代浏览器都兼容,无需额外设置。
手机预览赞赏支持
"作者已被打赏56次"