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

课后作业,其实和上一篇的兼容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;
        }
    }
};

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • ParentNode.children兼容性说明 element.children属性桌面端和手机端所有浏览器都是...
    _pora阅读 1,877评论 0 0
  • 晚上花了些许的时间看了卡夫卡的《变形记》,他们说一个人的作品可以看出一个人的生活经历,同时一个人的性格经历也投射...
    徐大砖阅读 497评论 0 1
  • 过去的烙印不是你想无视,就能无视的了的,本来能开成一朵花的,被无视的花就成了罂粟。
    快刀b阅读 261评论 0 0
  • 三杯酒下肚,晕的找不着北了,卫生间在北,心里知道该洗澡了却愣是身不由己。本来没有酒量,却一定要起个“把酒东篱”的名...
    七月紫苏阅读 232评论 2 0