HTML5 自定义属性

时间:2022-06-03 20:22:20

先声明  HTML5的自定义属性浏览器支持性不太好   目前只有firefox6+和chrome浏览器支持

元素除了自带的属性外 另外也可以加自定义属性   不过需要在前面加上data-

下面举个例子

<div class="btn user" data-appid='我是自定义属性的值'>我是div</div>

怎样获得   和更改自定义属性呢?  通过dataset属性

console.log(document.compatMode)
    var div=document.querySelector('.btn');
    console.log(div)
    var appid=div.dataset.appid;
    console.log(appid);//我是自定义属性的值
    //更改一下自定义属性的值
    div.dataset.appid=23456;
    console.log(div.dataset.appid)//23456

目前支持  不好   不代表以后支持不好 了解点不算过