给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;
                            }
                        };
                    }
                });
            }

作者：彼岸舞

时间：202085

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

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