包含Javascript的样式,并包含非Javascript

时间:2015-07-24 16:43:01

标签: javascript css

我刚刚学到了很多关于如何避免包含“jQuery-min.js”的知识。我认为我需要jQuery的原因是使用$('someTag')。那是我在文档中的唯一 jQuery调用。

所以我为了使用NodeLists而屈服于document.getElementsByTagName。见Specify an array without jQuery and without NodeLists [SOLVED .. I think?]

现在,我遇到了Modernizer,努力为非Javascript包含Javascript和其他样式的某些样式。

显然,与jQuery-min.js相比,它的大小是微观的......但是我需要包含另一个文件。此外,Modernizer的存在消除了一堆可能仍在使用的旧浏览器。天知道“非js”和“js”类非常吸引人......但是另一个文件 ??

所以...没有Modernizer,如何为非Javascript包含Javascript和其他样式的某些样式? display:nonedisplay:block很整洁,但我需要根据Javascript的存在来回动态切换。

想法的贡献会很棒!

1 个答案:

答案 0 :(得分:2)

您可以编写一行Javascript代码,将CSS类添加到<body>元素中:

document.body.classList.add('js');