js修改class里的样式
时间: 2023-05-04 22:02:46 浏览: 1396
在JavaScript中,我们可以使用DOM(文档对象模型)来修改元素的样式,包括修改class中的样式。有两种方法可以修改class中的样式。
方法一:使用元素的classList属性
1.获取要修改样式的元素
var elem = document.getElementById("myElement");
2.使用classList来添加、删除或替换class中的样式
elem.classList.add("newClass"); //添加一个新的样式类
elem.classList.remove("oldClass"); //移除一个旧的样式类
elem.classList.replace("oldClass", "newClass"); //替换旧样式类为新样式类
方法二:使用元素的className属性
1.获取要修改样式的元素
var elem = document.getElementById("myElement");
2.使用className来替换整个class属性
elem.className = "newClass"; //替换整个class为新的样式类
需要注意的是,使用className替换整个class属性会覆盖掉原来的class属性,如果原来的class中有其他样式类,需要将所有样式类一并写入新的class中。而使用classList则不需要考虑这个问题,可以直接添加、删除或替换单个样式类。
以上就是在JavaScript中修改class中的样式的两种方法,开发者可以根据实际需要选择适合的方法来修改样式。