前言
在开发现代化的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 包安装到您的项目中，以便您可以使用它：
npm install --save eligrey-classlist-js-polyfill
使用
一旦您安装了 eligrey-classlist-js-polyfill 包，您可以在您的脚本中导入Polyfill：
require('eligrey-classlist-js-polyfill');或者如果您使用ES6模块，则可以这样导入：
import 'eligrey-classlist-js-polyfill';
现在，在使用classList属性的时候，您可以确定它适用于所有浏览器版本：
var element = document.getElementById("myDiv");
element.classList.add("new-class");
element.classList.remove("old-class");
element.classList.toggle("active");
console.log(element.classList.contains("active"));在上面的示例中，我们可以发现，在div元素上使用classList属性，虽然我们在代码中没有指定该属性的存在，但Polfill会自动为我们添加必要的兼容代码。
结语
eligrey-classlist-js-polyfill 是一个非常小巧但是功能强大的Polyfill，可让您在旧版本的浏览器上使用classList属性。这意味着您可以在所有浏览器上使用相同的代码，而无需担心浏览器的兼容性问题。
希望这篇文章能够帮助您了解 eligrey-classlist-js-polyfill 的使用方法，以便您在开发Web应用程序时可以利用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005726381e8991b448e8930