html5 data-* 自定义属性

标签：读取   document   数据   element   形式   定义   获得   设置   css   

使用 data-*  自定义属性可以进行数据存放

两种设置方式：

1.<div data-age = "5"></div>

2.js添加

  var div = document.getElementById("id");//获得节点

  div.dataset.age = "4";

读取方式：

节点.dataset.age

*注意：在js中，如果设置的属性名含有连字符-，需转成驼峰命名形式：

*例如在css和html中属性名为data-my-age:

*在js中则为div.dataset.myAge = "5"

html5 data-* 自定义属性

标签：读取   document   数据   element   形式   定义   获得   设置   css   

原文地址：https://www.cnblogs.com/binga/p/11152681.html