从没有jQuery的元素组中删除特定的类 [英] Remove specific class from group of elements without jquery

问题描述

我有多个 span 元素，我尝试删除 activeLang 类.我该怎么办?

I have multiple span elements, I try to remove the class activeLang. How can I do this?

<div class="header_content_lang">
    <span class="langNav">
        ...
    </span>
    <span class="langNav">
        ...
    </span>
    <span class="langNav activeLang">
        ...
    </span>
</div>

我这样尝试过，就像建议的此处:

I tried it like this, just like suggested here:

var x = document.getElementsByClassName(".activeLang");

[].forEach.call(x, function(el) {
    el.classList.remove(".activeLang");

});

console.log(x[0]);
console.log(x[1]);
console.log(x[2]);

但是所有日志的输出都是未定义".

But output is "undefined" for all logs.

推荐答案

从类名中删除.

el.classList.remove("activeLang");

window.onload = function() {

  var x = document.getElementsByClassName("activeLang");
  console.log(x[0]); //will print the object
  [].forEach.call(x, function(el) {
    el.classList.remove("activeLang");
  });
  console.log(x[0]); //will no longer print the object
};

<div class="header_content_lang">
  <span class="langNav">
        ...
    </span>
  <span class="langNav">
        ...
    </span>
  <span class="langNav activeLang">
        ...
    </span>
</div>

这篇关于从没有jQuery的元素组中删除特定的类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！