44 votes

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

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

64voto

Olivér Kovács Points 1471

Vous pouvez utiliser el liste des classes 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');

61voto

Quentin Points 325526

Il suffit de récupérer l'élément et de l'ajouter à la liste des classes.

document.documentElement.className += " foo";

5voto

Igor Krupitsky Points 51
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(" ");
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X