js增删class的方法
2021-04-19 19:27
标签:一个 pre getattr 代码 att setattr code 两种 set 接下来我来介绍两种方法 我们先来一段HTMl代码 接下来我们再来一段css样式 好了,下面我们进入js开始说明方法了 第一种方法: 第二种方法: 但是这种方法如果是有列表时怎么办呢? 那么就使用遍历的方式确定的那个标签再进行添加样式即可完成 js增删class的方法 标签:一个 pre getattr 代码 att setattr code 两种 set 原文地址:https://www.cnblogs.com/dy105525/p/12267667.htmldiv id="bb"> 你好呀 div>
.ob
{
color:red;
}
let bb = document.getElementById("bb");
bb.setAttribute("class","ob"); //此时div的字体已经变红 //增加了ob class类
//如果我们要进行查看呢
console.log(bb.getAttribute("class")); //打印出来的是ob
let bb = document.getElementById("bb");
bb.classList.add("ob"); //此时增加了一个class类,名为ob
//那要进行删除时我们该怎么办呢,看下
bb.classList.remove("ob");
上一篇:CSS经典布局