在 JavaScript 中添加 CSS 样式有三种方法：使用 classList 属性添加或删除 CSS 类。直接修改元素的 element.style 对象。使用 setAttribute() 方法设置元素的属性，包括 CSS 类。
在 JavaScript 中，可以通过修改 DOM （文档对象模型）来添加 CSS 样式。
方法 1：使用 classList
使用 classList 属性可以添加或删除 CSS 类：
// 添加类
element.classList.add('my-class');
// 删除类
element.classList.remove('my-class');方法 2：使用 element.style 对象
立即学习“前端免费学习笔记（深入）”；
element.style 对象允许直接修改元素的内联样式：
// 设置内联样式 element.style.color = 'red'; // 设置多个内联样式 element.style.cssText = 'color: red; font-size: 20px;';
方法 3：使用 setAttribute()
setAttribute() 方法可以设置元素的属性，包括 CSS 类：
// 设置类属性
element.setAttribute('class', 'my-class');选择元素
在使用上述方法之前，需要首先选择要修改样式的元素。可以使用以下选择器：
提示
以上就是js如何添加一个css样式的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
214
