javascript - 使用 Javascript 将类添加到 <html>?

标签 javascript html

如何将类添加到 <html>使用 Javascript 的根元素?

最佳答案

像这样:

var root = document.getElementsByTagName( 'html' )[0]; // '0' to assign the first (and only `HTML` tag)

root.setAttribute( 'class', 'myCssClass' );

或者使用它作为你的'setter'行来保留任何以前应用的类:(感谢@ama2)

root.className += ' myCssClass';

或者,根据所需的浏览器支持,您可以使用 classList.add() 方法:

root.classList.add('myCssClass');

https://developer.mozilla.org/en-US/docs/Web/API/Element/classList http://caniuse.com/#feat=classlist

更新:

引用 HTML 元素的更优雅的解决方案可能是这样的:

var root = document.documentElement;
root.className += ' myCssClass';
// ... or:
//  root.classList.add('myCssClass');
//

关于javascript - 使用 Javascript 将类添加到 <html>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13980982/

相关文章:

javascript - 如何更改 Bootstrap 4 中的工具提示箭头颜色?

html - anchor 按钮需要边距

javascript - 如何在滚动到该部分时启动技能栏效果?

javascript - 制作占用空间非常小的 "simple"折线图的最佳方法?查询? Canvas ?

javascript - 自定义 strip 结帐的错误处理

javascript - 在 Eleventy 中执行小型客户端 JavaScript 的最佳方式是什么?

javascript - 演示 Wi-Fi 的多人游戏

javascript - knockout : several DOM elements bound to same observable

javascript - HTML5 不加载隐藏的 div?

html - Eclipse 追不上外部 CSS