首先，我们需要了解class的原理。在html中，我们可以通过添加class属性为元素指定一个或多个class名称，例如：
<div class="box red"></div>
在css中，我们可以通过class选择器来为指定class名称的元素设置样式，例如：
.box { width: 100px; height: 100px; border: 1px solid black;}.red { background-color: red;}
这样，我们就能够将指定class名称的元素设置为红色背景的方形框。但是，如果我们想去掉这个class，该怎么做呢？
一种方法是使用jquery，例如：
$('.box').removeclass('red');
这能够将所有class含有red名称的元素的red class去掉，但是jquery本身是一个较大的库，引入会增加网页的加载时间。因此，我们更希望使用javascript原生的方法来实现清除class的功能。
一、使用element.classlist.remove方法
javascript为元素提供了classlist属性，该属性返回一个domtokenlist对象，包含所有class属性的类名。
我们可以使用该对象提供的remove方法来删除指定class。例如：
var box = document.getelementsbyclassname('box')[0];box.classlist.remove('red');
这会将box元素的red class去掉。需要注意的是，classlist.remove只能删除一个class，而不能删除多个。
如果我们想使用一个循环，批量删除指定class，可以通过使用split方法将classlist对象转换为数组，然后使用foreach方法遍历数组并删除指定的class。例如：
var boxes = document.queryselectorall('.box');boxes.foreach(function(box) { box.classlist.remove('red');});
这里我们使用queryselectorall方法选择了所有class为box的元素，然后遍历数组并删除所有的red class。
二、使用element.classname属性
除了使用classlist.remove方法，我们还可以直接修改元素的classname属性，将要删除的class名称从属性值中移除。
例如：
var box = document.getelementsbyclassname('box')[0];box.classname = box.classname.replace('red', '');
在这个例子中，我们使用replace方法将属性值中的red class替换为空字符串，实现class的删除。需要注意的是，如果属性值中有多个相同的类名，这种方法只能删除其中一个。
如果我们想删除所有的red类名，可以使用正则表达式来匹配并删除。例如：
var box = document.getelementsbyclassname('box')[0];box.classname = box.classname.replace(/red /g, '');
这里我们使用g标志来表示全局匹配，并在正则表达式中加入空格，以避免删除其他包含red字符串的class。
三、使用getattribute和setattribute方法
除了直接修改classname属性，我们也可以使用getattribute和setattribute方法来获取和设置元素的class属性值。
例如：
var box = document.getelementsbyclassname('box')[0];var classes = box.getattribute('class').split(' ');classes.splice(classes.indexof('red'), 1);box.setattribute('class', classes.join(' '));
在这个例子中，我们使用getattribute方法获取元素的class属性值并将其转换为数组。然后，我们使用splice方法删除指定的red class，并使用join方法将数组转换回字符串，并使用setattribute方法将其设置为新的class属性值。
需要注意的是，getattribute和setattribute方法相对于classname属性，会更慢一些。因此，我们需要根据实际情况来选择最合适的方法。
结论
清除class是网页样式管理中必不可少的一部分。我们可以使用jquery、classlist、classname属性以及getattribute和setattribute方法来实现清除class的功能。根据实际情况来选择最合适的方法，可以有效地管理网页样式，提升用户体验。
以上就是javascript 清除class的详细内容。