解决classList的兼容问题(ie9及以下)

只需要在文件中引入以下代码就可以使用了

(function(){//解决classList的兼容问题(ie9及以下)
	if (!("classList" in document.documentElement)) {
		Object.defineProperty(Element.prototype, 'classList', {
			get: function() {
				var self = this;
				function update(fn) {
					return function(value) {
						var classes = self.className.split(/\s+/g),
							index = classes.indexOf(value);
	 
						fn(classes, index, value);
						self.className = classes.join(" ");
					}
				}
	 
				return {
					add: update(function(classes, index, value) {
						if (!~index) classes.push(value);
					}),
	 
					remove: update(function(classes, index) {
						if (~index) classes.splice(index, 1);
					}),
	 
					toggle: update(function(classes, index, value) {
						if (~index)
							classes.splice(index, 1);
						else
							classes.push(value);
					}),
	 
					contains: function(value) {
						return !!~self.className.split(/\s+/g).indexOf(value);
					},
	 
					item: function(i) {
						return self.className.split(/\s+/g)[i] || null;
					}
				};
			}
		});
	} 
})();

转载于：https://blog.csdn.net/weixin_44860135/article/details/90404135