478 Stimmen

Kyle Cureau avatar

Was ist die Funktion "hasClass" in einfachem JavaScript?

Gefragt el 23 de Februar, 2011
Wann wurde die Frage gestellt
587080 Ansichten
Anzahl der Besuche der Frage
4 Antworten
Anzahl der Fragenantworten
Gelöst
Aktueller Status der Frage

Wie machen Sie jQuery's hasClass mit einfachem altem JavaScript? Zum Beispiel,

<body class="foo thatClass bar">

Wie lautet die JavaScript-Methode, um zu fragen, ob <body> hat thatClass ?

Gefragt el 23 de Februar, 2011 von Kyle Cureau

Antworten

Zu viele Anzeigen?

6voto

Alejandro Nanez avatar
Alejandro Nanez Punkte 317

Verwenden Sie etwas wie:

Array.prototype.indexOf.call(myHTMLSelector.classList, 'the-class');
Beantwortet el 8 de August, 2015 von Alejandro Nanez (317 Punkte )

6voto

Alexandr Karbivnichiy avatar
Alexandr Karbivnichiy Punkte 405 
if (document.body.className.split(/\s+/).indexOf("thatClass") !== -1) {
    // has "thatClass"
}
Beantwortet el 14 de Juni, 2018 von Alexandr Karbivnichiy (405 Punkte )

1voto

j0hnstew avatar
j0hnstew Punkte 710

Nun, alle der oben genannten Antworten sind ziemlich gut, aber hier ist eine kleine einfache Funktion, die ich ausgepeitscht. Es funktioniert ziemlich gut.

function hasClass(el, cn){
    var classes = el.classList;
    for(var j = 0; j < classes.length; j++){
        if(classes[j] == cn){
            return true;
        }
    }
}
Beantwortet el 3 de September, 2014 von j0hnstew (710 Punkte )

1voto

Marian07 avatar
Marian07 Punkte 1874

Was halten Sie von diesem Ansatz?

<body class="thatClass anotherClass"> </body>

var bodyClasses = document.querySelector('body').className;
var myClass = new RegExp("thatClass");
var trueOrFalse = myClass.test( bodyClasses );

https://jsfiddle.net/5sv30bhe/

Beantwortet el 4 de Kann, 2015 von Marian07 (1874 Punkte )

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

Yandex
X