Javascript 如何删除HTML元素的所有CSS类？

是否有一种简单的方法可以使用JavaScript删除特定HTML元素的子元素的所有CSS类？我只知道如何逐个移除

---

提前感谢。

要从元素中删除所有类，请将其

类名设置为空字符串

function removeAllClasses(elem){
 elem.className = "";
}

要获取元素的所有子元素，可以使用查询选择器：

function getAllChildren(id){
 return document.querySelectorAll(`#${id} *`);//or document.querySelectorAll("#"+id+" *")
}

您可以使用
for
循环或
forEach
从元素的所有子元素中删除类

var children = document.querySelectorAll("#id *");
for(let i = 0; i < children.length; i++){
 children[i].className = "";
}
//or
children.forEach(function(i){
 i.className = "";
});


文本
文本
文本
第一层
第二层
嵌套第三层
函数RemoveAllClass（elem）{
elem.className=“”；
}
函数getAllChildren（id）{
return document.querySelectorAll（`${id}*`）；
}
var children=getAllChildren（'test'）；
for（设i=0；i
您可以使用和从子元素中删除属性：

document.querySelectorAll('#example *').forEach(element => {
  element.removeAttribute('class');
});

“删除所有子元素类”是什么意思？您能提供一个输入和输出数据的示例吗？请进一步阅读此示例，并阅读前面的注释，还请阅读“”指南。这将帮助你提出更好的问题，得到更好的答案，并为未来的访问者留下更多有用的信息