在 JavaScript 中添加 CSS 样式有三种方法：使用 classList 属性添加或删除 CSS 类。直接修改元素的 element.style 对象。使用 setAttribute() 方法设置元素的属性，包括 CSS 类。
如何在 JavaScript 中添加 CSS 样式
在 JavaScript 中，可以通过修改 DOM （文档对象模型）来添加 CSS 样式。
方法 1：使用 classList
使用 classList 属性可以添加或删除 CSS 类：
// 添加类
element.classList.add('my-class');
// 删除类
element.classList.remove('my-class');方法 2：使用 element.style 对象
立即学习“前端免费学习笔记（深入）”；
element.style 对象允许直接修改元素的内联样式：
ISite企业建站系统1.2.3
下载
ISite企业建站系统是为懂点网站建设和HTML技术的人员（例如企业建站人员）而开发的一套专门用于企业建站的开源免费程序。本系统采用了全新的栏目维护模式，内容添加过程中，前后台菜单是一样的，需要维护前台某个栏目的内容，只需要进后台相应栏目即可，一般的企业人员只需要查看简易的说明就可以上手维护网站内容。通过自由度极高的模板系统，可以适应大多数情况的界面需求，后台带有标签生成器，建站只需要构架好HTM
// 设置内联样式 element.style.color = 'red'; // 设置多个内联样式 element.style.cssText = 'color: red; font-size: 20px;';
方法 3：使用 setAttribute()
setAttribute() 方法可以设置元素的属性，包括 CSS 类：
// 设置类属性
element.setAttribute('class', 'my-class');选择元素
在使用上述方法之前，需要首先选择要修改样式的元素。可以使用以下选择器：
-
getElementById()：根据元素的 ID 选择 -
getElementsByClassName()：根据元素的类名选择 -
getElementsByTagName()：根据元素的标签名选择
提示
- 确保选择的元素存在于 DOM 中，否则会导致错误。
- 使用
classList添加或删除类时，空格很重要。 - 使用
element.style时，属性名称应使用驼峰命名法（例如fontSize而不是font-size）。
