在HTML元素上直接添加以‘data-’开头的属性,例如

<div data-mydata='this is my data'></div>

 

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

操作它的方式有classList 和dataset,见我另一篇博客:

  链接:https://www.cnblogs.com/yummylucky/p/10685650.html

 

dataset 与 getAttribute/setAttribute 的区别是:

  dataset 只可以操作 ‘data-’ 开头的自定义属性,而 getAttribute/setAttribute 可以操作所有

 

兼容性:

  • Internet Explorer 11+
  • Chrome 8+
  • Firefox 6.0+
  • Opera 11.10+
  • Safari 6+
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄