使用javascript刪除班級

Question

我需要從頁面中的所有元素中刪除特定的班級屬性。那就是我們需要從當前html頁面的所有元素中刪除特定的類。我們只有類名作爲參考（我們需要從該頁面中刪除）而沒有別的。

請注意，我不能使用任何像ID或其他類參考，也是我不能使用任何JavaScript庫，這也...

任何建議在此將不勝感激。

另請注意，我們需要刪除的課程不會超過兩次。

Answer 1

function removeClass(className) { 
    // convert the result to an Array object 
    var els = Array.prototype.slice.call(
     document.getElementsByClassName(className) 
    ); 
    for (var i = 0, l = els.length; i < l; i++) { 
     var el = els[i]; 
     el.className = el.className.replace(
      new RegExp('(^|\\s+)' + className + '(\\s+|$)', 'g'), 
      '$1' 
     ); 
    } 
} 

，只是把它作爲：

removeClass('desired-class-name'); 

UPDATE：看到現場演示：http://jsbin.com/eyuxur

Answer 2

這裏有一個方法可以是非常大的網頁慢，但是移除來自所有元素的類。

var list = document.getElementsByTagName('*'); 
for(var i=0; i < list.length; i++){ 
    list[i].className = list[i].className.replace('YourClassName',''); 
} 

Answer 3

如果您使用的是最新的瀏覽器：

var forEach = Array.prototype.forEach; 
var className = "yourclass"; 

forEach.call(document.querySelectorAll("." + className), function(node) { 
    node.classList.remove(className); 
}); 

見：forEach，querySelectorAll和classList進一步的細節。