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

Question

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

如何在不使用jQuery(或类似库)的情况下将类名"foo"添加到根<html>元素？

Answer 1

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

document.documentElement.className += " foo";

Run Code Online (Sandbox Code Playgroud)

谢谢!如果你不知道任何关于基本的JavaScript的话,你怎么能用jQuery做这么多的东西...很抱歉,如果之前已经被问了一百万次,我只能设法找到基于jQuery的解决方案. (4认同)

Answer 2

Oli*_*ver 60

您可以使用该班级列表访问类元素的列表.

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

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

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

Run Code Online (Sandbox Code Playgroud)

请谨慎使用,classList部分支持资源管理器浏览器:http://caniuse.com/#search=classList (2认同)

Answer 3

Igo*_*sky 5

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，2 月前
查看次数：	47552 次
最近记录：	10 年，3 月前