在 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 对象允许直接修改元素的内联样式：
// 设置内联样式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）。
以上就是js如何添加一个css样式的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2675516.html
