HTML5 自定义属性

先声明  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

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

posted @   古墩古墩  Views(138)  Comments(0Edit  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示