码迷,mamicode.com
首页 > 其他好文 > 详细

让IE10等支持classList2.0(转)

时间:2016-09-10 20:38:04      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

chrome24+, firesfox26+起支持classList2.0,即让它同时添加或删除多个类名, toggle方法支持第2个参数,用于强制添加或删除

var div = document.createElement("div");
div.classList.add("a", "b");
if (div.className !== "a b" && window.DOMTokenList) {
    var _add = DOMTokenList.prototype.add;
    DOMTokenList.prototype.add = function() {
        for (var i in arguments) {
            _add.call(this, arguments[i]);
        }
    };
    var _remove = DOMTokenList.prototype.remove;
    DOMTokenList.prototype.remove = function() {
        for (var i in arguments) {
            _remove.call(this, arguments[i]);
        }
    };
    DOMTokenList.prototype.toggle = function(token, forse) {
        token += "";
        var
                result = this.contains(token) , method = result ?
                forse !== true && "remove"  : forse !== false && "add";
        if (method) {
            this[method](token);
        }
        return !result;
    };
}
 
div.className = "";
div.classList.add("aaa", "ccc");
alert(div.className);

让IE10等支持classList2.0(转)

标签:

原文地址:http://www.cnblogs.com/gongshunkai/p/5860186.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!