码迷,mamicode.com
首页 > Web开发 > 详细

js增删class的方法

时间:2020-02-06 10:19:28      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:一个   pre   getattr   代码   att   setattr   code   两种   set   

接下来我来介绍两种方法

我们先来一段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的方法

标签:一个   pre   getattr   代码   att   setattr   code   两种   set   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!