给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

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

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