前言
在开发现代化的Web应用程序时，我们经常使用最新的JavaScript，HTML和CSS技术。然而，在某些情况下，您可能需要支持旧版本的浏览器。这就是为什么我们需要Polyfill的原因。Polyfill是一个JavaScript库，可以模拟新技术中的功能，从而使这些新技术在旧版本浏览器上得以使用。
在本文中，我们将介绍一个名为 eligrey-classlist-js-polyfill 的NPM包。该包是classList的Polyfill，可以让旧版本浏览器也支持classList属性。
classList
classList是一个DOM API属性，它让我们可以使用一些方法来操作DOM元素的class属性。这些方法包括add()、remove()、toggle()和contains()。
该属性在 IE9 及更高版本的所有流行浏览器中都受到支持。但是，在一些旧版本的浏览器中，classList API不受支持。例如：Internet Explorer 8 及更早版本的浏览器。
eligrey-classlist-js-polyfill
eligrey-classlist-js-polyfill 是一个classList的Polyfill，它可以让您在任何浏览器上使用classList属性。这个Polyfill可用于非常古老的浏览器，如IE6和IE7。
安装
您可以在安装过程中使用npm包管理器将 eligrey-classlist-js-polyfill 包安装到您的项目中，以便您可以使用它：
--- ------- ------ -----------------------------
使用
一旦您安装了 eligrey-classlist-js-polyfill 包，您可以在您的脚本中导入Polyfill：
-----------------------------------------
或者如果您使用ES6模块，则可以这样导入：
------ --------------------------------
现在，在使用classList属性的时候，您可以确定它适用于所有浏览器版本：
--- ------- - --------------------------------- ----------------------------------- -------------------------------------- ----------------------------------- --------------------------------------------------
在上面的示例中，我们可以发现，在div元素上使用classList属性，虽然我们在代码中没有指定该属性的存在，但Polfill会自动为我们添加必要的兼容代码。
结语
eligrey-classlist-js-polyfill 是一个非常小巧但是功能强大的Polyfill，可让您在旧版本的浏览器上使用classList属性。这意味着您可以在所有浏览器上使用相同的代码，而无需担心浏览器的兼容性问题。
希望这篇文章能够帮助您了解 eligrey-classlist-js-polyfill 的使用方法，以便您在开发Web应用程序时可以利用它。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005726381e8991b448e8930