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


     1 // 解决IE9及其以下 不支持classList属性的问题
     2             if (!("classList" in document.documentElement)) {
     3                 Object.defineProperty(HTMLElement.prototype, 'classList', {
     4                     get: function() {
     5                         var self = this;
     6                         function update(fn) {
     7                             return function(value) {
     8                                 var classes = self.className.split(/s+/g),
     9                                     index = classes.indexOf(value);
    10 
    11                                 fn(classes, index, value);
    12                                 self.className = classes.join(" ");
    13                             }
    14                         }
    15 
    16                         return {
    17                             add: update(function(classes, index, value) {
    18                                 if (!~index) classes.push(value);
    19                             }),
    20 
    21                             remove: update(function(classes, index) {
    22                                 if (~index) classes.splice(index, 1);
    23                             }),
    24 
    25                             toggle: update(function(classes, index, value) {
    26                                 if (~index)
    27                                     classes.splice(index, 1);
    28                                 else
    29                                     classes.push(value);
    30                             }),
    31 
    32                             contains: function(value) {
    33                                 return !!~self.className.split(/s+/g).indexOf(value);
    34                             },
    35 
    36                             item: function(i) {
    37                                 return self.className.split(/s+/g)[i] || null;
    38                             }
    39                         };
    40                     }
    41                 });
    42             }

    作者:彼岸舞

    时间:202085

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

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

  • 相关阅读:
    Python的词法分析与语法分析
    使用svn log确定分支创建的时间点
    Python的作用域
    SVN的版本日期
    理解SVN关键词BASE,HEAD,COMMITTED,PREV
    SVN的属性
    EL表达式 (详解)
    java jsp el fn
    java防止表单重复提交
    数据库的事务处理
  • 原文地址:https://www.cnblogs.com/flower-dance/p/13440225.html
Copyright © 2020-2023  润新知