首页 > 其他 > 详细

让IE10等支持classList2.0(转)

时间:2016-09-10 20:35:58      阅读:160      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!