jquery操作class的方式非常强大，但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery.
在此写了一个利用原生js来实现对dom元素class的操作方法
1.addClass:为指定的dom元素添加样式
2.removeClass:删除指定dom元素的样式
3.toggleClass:如果存在(不存在)，就删除(添加)一个样式
4.hasClass:判断样式是否存在
下面为一toggleClass的测试例子
sssssssssssss
0
0
原生js实现addclass,removeclass,toggleclasss实例
高洛峰
发布时间：2016-12-05 14:34:55
|1704人浏览过
|来源于php中文网
原创
相关文章
D3.js 甜甜圈图数据绑定与 Tooltip 正确实现指南
D3.js 饼图与环形图中正确绑定数据以实现 Tooltip 交互
javascript如何理解Web Workers_如何实现多线程【教程】
为什么选择JavaScript_它有哪些核心优势【教程】
javascript如何实现响应式设计与移动适配【教程】
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
抖音网页版入口与视频观看指南 抖音官网视频在线访问
本专题汇总了抖音网页版的入口链接、官方登录页面以及视频观看入口，帮助用户快速访问抖音网页版，提供免登录访问方式和直接进入视频播放页面的方法，确保顺利浏览和观看抖音视频。
63
2026.02.04
学习通网页版入口与在线学习指南 学习通官网登录与使用方法
本专题详细汇总了学习通网页版入口与登录方法，提供学习通官方网页端入口、学生登录平台、网页版使用指南等内容，帮助用户快速稳定地登录学习通官网，顺利进入学习平台，提升学习效率和体验。
9
2026.02.04
Python Web 框架 Django 深度开发
本专题系统讲解 Python Django 框架的核心功能与进阶开发技巧，包括 Django 项目结构、数据库模型与迁移、视图与模板渲染、表单与认证管理、RESTful API 开发、Django 中间件与缓存优化、部署与性能调优。通过实战案例，帮助学习者掌握 使用 Django 快速构建功能全面的 Web 应用与全栈开发能力。
9
2026.02.04
Java 流式处理与 Apache Kafka 实战
本专题专注讲解 Java 在流式数据处理与消息队列系统中的应用，系统讲解 Apache Kafka 的基础概念、生产者与消费者模型、Kafka Streams 与 KSQL 流式处理框架、实时数据分析与监控，结合实际业务场景，帮助开发者构建 高吞吐量、低延迟的实时数据流管道，实现高效的数据流转与处理。
3
2026.02.04
Golang 容器化与 Docker 实战
本专题深入讲解 Golang 应用的容器化与 Docker 部署，涵盖 Docker 基础概念、容器构建与镜像管理、Go 应用的 Dockerfile 编写、跨平台容器部署与优化、Docker Compose 和 Kubernetes 部署工具。通过实际案例，帮助学习者掌握 如何将 Golang 应用容器化并实现高效部署与管理，提升系统的可扩展性与运维效率。
3
2026.02.04
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
前端项目-尚优选【HTML/CSS/JS技术综合实战】
共39课时 | 4万人学习
WEB前端教程【HTML5+CSS3+JS】
共101课时 | 8.8万人学习
JS进阶与BootStrap学习
共39课时 | 3.2万人学习
