Question

如何使用jQuery（或类似的库）将类名“foo”添加到根<html>元素而不是？

Answer 1

只需获取元素并附加到类列表中。

document.documentElement.className += " foo";

Answer 2

You can use classList访问元素的类列表。

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

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

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

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

如何在没有jQuery的情况下向元素添加类？

3 个答案: