Question

我需要从页面中的所有元素中删除特定的class属性。那就是我们需要从当前html页面的所有元素中删除特定的类。我们只有类名作为引用（我们需要从该页面中删除），而不是其他任何内容。

请注意我不能使用任何内容作为id或其他类的引用，而且我也不能使用任何JavaScript库...

对此有任何建议将不胜感激。

另请注意，我们需要删除的课程不会超过两次。

Answer 1

如果您使用的是现代浏览器：

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

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

有关详细信息，请参阅：forEach，querySelectorAll和classList。

Answer 2

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

更新：查看即时演示：http://jsbin.com/eyuxur

Answer 3

这种方法在非常大的页面上可能很慢，但会从所有元素中删除该类。

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

使用javascript删除课程

3 个答案: