javascript - 包含 Javascript 的样式并包含非 Javascript 的其他样式

标签 javascript css

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

所以为了使用document.getElementsByTagName,我认真学习了一些NodeLists。参见 Specify an array without jQuery and without NodeLists [SOLVED .. I think?]

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

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

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

想法的贡献会很棒!

最佳答案

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

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

关于javascript - 包含 Javascript 的样式并包含非 Javascript 的其他样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31615710/

相关文章:

javascript - 渲染部分在控制台中不显示任何错误

css - MDB Bootstrap 无法正常运行

javascript - Vue.js + Require.js 扩展父级

html - 使用显示器 :inline-block not aligning 垂直对齐图像

javascript - Handsontable - 无法为自定义单元格设置千位分隔符

javascript - Jquery UI Resizable with box-sizing : "border-box" issue

html - 使用图像 Sprite 和 CSS 的文本

javascript - 如何在 HTML 中添加单个 Twitter feed?

javascript - 使用 d3.js 和 Three.js 绘制轮廓图

javascript - Wordpress:使菜单链接的行为与 "more"按钮相同