HTML5新特性-自定义属性(data-set)

设么是data-set

在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放 使用data-set可以获取这些数据

实例

    <div id='2' data-food='皮皮虾'>
		
    </div>
<script type="text/javascript">
    var len = document.getElementById('2')
    console.log(len.dataset.food) //打印皮皮虾
</script>	

和 getArrbute 的 比较

dataset操作data 要比使用getAttribute稍微慢些

posted @ 2017-04-17 11:34  wkm-wangZhe  阅读(3177)  评论(0编辑  收藏  举报