美文网首页
如何实现浏览器兼容版的element.dataset---DOM

如何实现浏览器兼容版的element.dataset---DOM

作者: 苏敏 | 来源:发表于2017-11-06 16:06 被阅读18次

课后作业,其实和上一篇的兼容element.children类似的实现,代码如下:

var someElement = {
    dataset: function(element) {
        if (element.dataset) {
            return element.dataset;
        //  console.log(element.dataset);
        } else {
            var obj = {};
            var list = element.attributes.length;
            for (var i = 0; i < list; i++) {
                var key = element.attributes[i].nodeName;
                var value = element.attributes[i].nodeValue;
                if ((/^data-\w+$/).test(key)) {
                    obj[key] = value;
                }
            }
            return obj;
        }
    }
};

相关文章

网友评论

      本文标题:如何实现浏览器兼容版的element.dataset---DOM

      本文链接:https://www.haomeiwen.com/subject/zudlmxtx.html