在前端开发中，我们经常需要对于 HTML 元素进行添加、移除、修改类名的操作。classing 是一款简单易用的 npm 包，它可以方便地实现这些基本操作，同时支持链式调用以及回滚操作。
安装
安装 classing 只需在终端输入以下命令：
npm install classing
基本使用
在使用 classing 之前，需要先引入它：
import classing from 'classing';
然后，我们就可以使用它提供的方法来对 HTML 元素进行类名操作了。例如，我们想要为一个元素添加一个类名，可以这样写：
const element = document.getElementById('my-element');
classing(element).add('my-class');同样地，我们可以使用 remove 方法来移除一个类名：
classing(element).remove('my-class');还可以使用 toggle 方法来切换一个类名的状态：
classing(element).toggle('my-class');链式调用
classing 支持链式调用，可以方便地对一个元素进行多个类名操作。例如，我们想要先添加一个类名，再移除另一个类名，可以这样写：
classing(element).add('my-class').remove('other-class');回滚操作
classing 还支持回滚操作，可以方便地撤销前一次的类名操作。例如，我们先添加一个类名，然后又移除了它，但是现在想要撤销这个移除操作，可以这样写：
classing(element).add('my-class').remove('my-class');
classing(element).undo();示例代码
下面是一个示例代码，演示了如何使用 classing 对一个按钮进行类名操作，并且支持回滚操作。
-- -------------------- ---- ------- ------- -------------------- ----------- ------- -------------- ------ -------- ---- ----------- ----- ------ - ------------------------------------- -- ----------- ------------------------------ -- -- -- ------ ------------------------------------ ------------------------------ -- --------------- -- ---------------- -------------------------------------------------------- ------------------------------ -- ------------- -- ------- ------------------------ ------------------------------ -- --------------- ---------
总结
classing 是一款非常实用的 npm 包，它可以方便地对 HTML 元素进行类名操作，并支持链式调用和回滚操作。在开发过程中，合理利用 classing 可以节省大量的时间和精力，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49050