用JavaScript删除一个元素的所有类的方法

在本教程中，我们将通过实例学习如何使用JavaScript删除HTML元素的所有类。

考虑一下，我们的页面中有一个如下的HTML。

<div class="container center red" id="left-div">
   some text
</div>

现在，我们需要从一个div 元素中删除所有的类名。

从一个元素中删除所有的类

要从一个元素中删除所有的类，我们需要将元素className 属性设置为一个空字符串（'' ）。

下面是一个例子。

<div class="container center red" id="left-div">
   some text
</div>

JavaScript。

const div = document.getElementById('left-div');
div.className = '';

在上面的例子中，我们已经从一个div元素中删除了所有的类名。

使用removeAttribute()方法（替代方法）

要删除一个元素中的所有类名，我们可以使用JavaScript中的removeAttribute() 方法。

removeAttribute() 方法将attribute 名称（例如：class, id等）作为一个参数，并将其从元素中删除。

下面是一个例子。

const div = document.getElementById('left-div');

// it removes the all classes from a div elementdiv.removeAttribute('class');