给IE9及其以下等不支持classList属性的浏览器,添加classList属性

 // 解决IE9及其以下 不支持classList属性的问题
             if (!("classList" in document.documentElement)) {
                 Object.defineProperty(HTMLElement.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;
                             }
                         };
                     }
                 });
             }

作者：彼岸舞

时间：2020\08\05

内容关于：工作中用到的小技术

本文来源于网络，只做技术分享，一概不负任何责任