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

Question

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

Answer 1

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

document.documentElement.className += " foo";

Answer 2

您可以使用 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的情况下向<html>元素添加类？

问题描述

3 个解决方案

解决方案1
60 2011-09-12 13:28:07

解决方案2
59 2014-03-06 12:26:25

解决方案3
5 2014-12-15 08:56:35

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

问题描述

3 个解决方案

解决方案1 60 2011-09-12 13:28:07

解决方案2 59 2014-03-06 12:26:25

解决方案3 5 2014-12-15 08:56:35

解决方案1
60 2011-09-12 13:28:07

解决方案2
59 2014-03-06 12:26:25

解决方案3
5 2014-12-15 08:56:35