用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&nbsp;=&nbsp;function(remove)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;newClassName&nbsp;=&nbsp;""; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;i; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;classes&nbsp;=&nbsp;this.className.split("&nbsp;"); &nbsp;&nbsp;&nbsp;&nbsp;for(i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;classes.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(classes[i]&nbsp;!==&nbsp;remove)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;newClassName&nbsp;+=&nbsp;classes[i]&nbsp;+&nbsp;"&nbsp;"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;this.className&nbsp;=&nbsp;newClassName;}