使用JavaScript从元素中删除CSS类（无jQuery）[重复]

这个问题在这里已经有答案了：

如何更改元素&#39；使用JavaScript的类？

（38个答案）

七年前关闭的

有人能告诉我如何仅使用JavaScript删除元素上的类吗？
请不要用jQuery给我答案，因为我不能使用它，而且我对它一无所知

正确且标准的方法是使用classList。现在，最新版本的大多数现代浏览器都广泛支持它：

元素。类列表。删除（“类名称”）；

remove.onclick=（）=&gt；{
const el=document.querySelector（“#el”）；
if（el.classList.contains（“红色”））{
el.类列表。删除（“红色”）；
}
}

.red{
背景：红色
}

&lt；div id='el'class=“red”&gt；测试&lt/部门&gt；
&lt；按钮id='remove'&gt；删除类&lt/按钮&gt


文件：https://developer.mozilla.org/en/DOM/element.classList




相关文章：

从AngularJS控制器向视图中插入HTML
为什么在Redux中需要用于异步流的中间件？
尝试从REST API获取数据时，请求的资源上不存在“Access Control Allow Origin”标头
Moment.js转换为日期对象