当前位置:首页 > Web开发 > 正文

名为ob // 那要进行删除时我们该怎么办呢

2024-03-31 Web开发

接下来我来介绍两种要领

我们先来一段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的要领

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30472.html