首页 > Web开发 > 详细

js增删class的方法

时间:2020-02-06 10:27:15      阅读:60      评论:0      收藏:0      [点我收藏+]

接下来我来介绍两种方法

我们先来一段HTMl代码

<div id="bb">  你好呀   </div>

接下来我们再来一段css样式

.ob
{
  color:red;  
}

好了,下面我们进入js开始说明方法了

第一种方法:

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");

但是这种方法如果是有列表时怎么办呢?

那么就使用遍历的方式确定的那个标签再进行添加样式即可完成

js增删class的方法

原文:https://www.cnblogs.com/dy105525/p/12267667.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!