前端-JS自定义属性

在日常的开发当中，我们会发现系统定义的属性没有办法满足我们的开发，所以我们需要自己去定义属性。下面分享一个定义属性的实例：

上面的例子简单实现了JS的自定义属性以及自定义属性的使用，希望对看文章的小伙伴有所帮助。

HTML 5 增加了一项新功能是 自定义数据属性 ，也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。

<div id = "user" data-uid = "12345" data-uname = "愚人码头" ></div>

使用attribute方法存取 data-* 自定义属性的值

使用attributes方法存取 data-* 自定义属性的值非常方便：

有这样一个场景： v-for 渲染一个列表有10个子项，并且把第5个子项后的元素都添加一个属性 data-wow-delay='0.8s' ，实现如下：

可以得出一个给元素添加自定义属性的方法

当然，如果只是添加一个常见属性(css属性)，例如class,style等，下面这种方法也可以。

---