Подтвердить что ты не робот

Как добавить класс в элемент <html> без jQuery?

Как добавить имя класса "foo" в корневой элемент <html> без с помощью jQuery (или аналогичной библиотеки)?

Ответ 1

Просто получите элемент и добавьте его в список классов.

document.documentElement.className += " foo";

Ответ 2

Вы можете использовать classList для доступа к списку элементов классов.

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

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

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

Ответ 3

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(" ");
}