用JavaScript从元素中删除CSS类(没有jQuery)

Question

用JavaScript从元素中删除CSS类(没有jQuery)有人能让我知道如何仅使用JavaScript删除元素上的类吗？请不要用jQuery回答我，因为我不能使用它，而且我对它一无所知。

Answer 1

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|$)'), ' ');

Answer 2

下面是一种将此功能直接烘焙到所有DOM元素中的方法：

HTMLElement.prototype.removeClass = function(remove) {
    var newClassName = "";
    var i;
    var classes = this.className.split(" ");
    for(i = 0; i < classes.length; i++) {
        if(classes[i] !== remove) {
            newClassName += classes[i] + " ";
        }
    }
    this.className = newClassName;}