web-dev-qa-db-fra.com

Comment ajouter une classe à l'élément <html> sans jQuery?

Comment ajouter le nom de classe "foo" à la racine <html> élément sans en utilisant jQuery (ou une bibliothèque similaire)?

javascriptclass
43
user940633

Obtenez simplement l'élément et ajoutez-le à la liste des classes.

document.documentElement.className += " foo";
60
Quentin

Vous pouvez utiliser la classList pour accéder à la liste des classes d'un élément.

document.documentElement.classList.add('my-awesome-class');

document.documentElement.classList.remove('my-awesome-class');

document.documentElement.classList.contains('my-awesome-class');
59
Oliver
AddClass(document.documentElement, 'my-awesome-class', true); //add
AddClass(document.documentElement, 'my-awesome-class', false); //remove

function AddClass(o,c,bAdd){
    var list = o.className.split(" ");
    if (list.indexOf(c)!==-1){
        if (!bAdd) delete list[list.indexOf(c)];
    }else{
        if (bAdd) list[list.length] = c;
    }
    o.className = list.join(" ");
}
5
Igor Krupitsky