浏览器兼容element.dataset

最新推荐文章于 2021-06-05 00:06:01 发布

转载最新推荐文章于 2021-06-05 00:06:01 发布 · 498 阅读

文章标签：

#浏览器 #兼容

DOM 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在JavaScript中获取HTML元素data-*属性的方法。该方法兼容不同浏览器环境，能够将data-*属性转换为对象形式方便操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getDataset(element){
    //判断浏览器是否兼容element.dataset
    if(!element.dataset){
            //如果不兼容，返回element属性的对象
            var element.dataset = {};
            var attrs = element.attributes,//获得页面element的属性集合
                length = arrs.length;
            for(var i=0;i<length;i++){//遍历集合类似"data-id='aaaa'"
                    if(/^data-/.test(attrs[i].name)){
                            //获得key值、value值，并将key的首字母变为大写
                            var key = attrs[i].name.match(/^data-(.+)/)[1]; 
                            var value = attrs[i].value;
                            key=key.replace(/-\w/g,function(match){
                                    return match.substring(1).toUppserCase();
                            });
                            element.dataset[key]=value; 
                    } 
            } 
            return element.dataset;
    }else{
            return element.dataset;
    }
}