有人可以让我知道如何删除一个类的元素只使用JavaScript ? 请不要用jQuery给我一个答案，因为我不会用它，我对它一无所知。
当前回答
div.classList.add("foo");
div.classList.remove("foo");
更多信息请访问https://developer.mozilla.org/en-US/docs/Web/API/element.classList
其他回答
document.getElementById("whatever").className += "classToKeep";
使用加号('+')附加类，而不是覆盖任何现有的类
我认为这很简单。
document.getElementById("whatever").classList.remove("className");
试试这个:
function hasClass(ele, cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function removeClass(ele, cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}
try:
function removeClassName(elem, name){
var remClass = elem.className;
var re = new RegExp('(^| )' + name + '( |$)');
remClass = remClass.replace(re, '$1');
remClass = remClass.replace(/ $/, '');
elem.className = remClass;
}
document.getElementById("MyID").className =
document.getElementById("MyID").className.replace(/\bMyClass\b/,'');
其中MyID是元素的ID, MyClass是你想要删除的类的名称。
更新: 要支持包含破折号的类名，例如“My-Class”，请使用
document.getElementById("MyID").className =
document.getElementById("MyID").className
.replace(new RegExp('(?:^|\\s)'+ 'My-Class' + '(?:\\s|$)'), ' ');
