在前端开发中,经常需要操作 HTML 元素的类名来改变样式或实现交互效果。在许多 JavaScript 框架和库中,如 jQuery 和 React,都提供了方便的方法来操作元素的类名。然而,如果你想使用原生的 JavaScript,也可以很容易地实现这些功能。
在本文中,我将向你展示如何使用原生 JavaScript 实现 addClass、removeClass 和 toggleClass 功能。这些功能分别用于向元素添加类名、删除类名和切换类名。
首先,让我们来实现 addClass 函数。该函数将接受两个参数:元素的选择器和要添加的类名。它将查找匹配选择器的所有元素,并为每个元素添加指定的类名。
function addClass(selector, className) {
var elements