Wie kann ich in JavaScript überprüfen, ob ein DOM-Element eine Klasse enthält?

Question

Wie kann ich in JavaScript überprüfen, ob ein DOM-Element eine Klasse enthält?

Ich habe den folgenden Code ausprobiert, aber aus irgendeinem Grund funktioniert er nicht...

if (document.getElementById('element').class == "class_one") {
    //code...
}

Answer 1

ToggleClass auf Element

var el = document.getElementById('element');
el.classList[['add','remove'][+el.classList.contains('class_one')]]('class_one');

o

el.classList.toggle('class_one');

Answer 2

Wenn Sie jQuery verwenden, hilft Ihnen dieser einfache Code:

if ($('.yourclass').length) {
  // do something
} 

Wenn Sie mehr als 2 Klassen auf der Seite prüfen möchten, verwenden Sie $('.yourclass').length > 2

Answer 3

HasClass:

function hasClass(element, className) {
  return (element.className).indexOf(className) > -1;
}

enthältKlasse:

function containsClass(element, className) {
  return Array.from(element.classList).filter(function (cls) {
    return cls.indexOf(className) > -1;
  }).length > 0;
}

Codepen-Demo