Javascript dataset 小笔记

在HTML 添加以 data- 为前缀词，后面看我们想要加甚么的属性，就完成dataset的设定
例如:

<div id="all" data-name="Lily" data-bbb="bb"></div>

这个'name' 也可以改成其他的字，例如'bbb'

取得某物件dataset的话就是物件名.dataset， 如下:

let all = document.getElementById('all');//dataset 特定属性之取得console.log(all.dataset.name); //Lily//整个dataset资料的取得console.log(all.dataset); //DOMStringMap {name: 'Lily', bbb: 'bb'}

下面可以覆写原本的同属性名的资料，如果没有同属性名称就会新增资料

let all = document.getElementById('all');//覆写all.dataset.name="jack";console.log(all.dataset.name); //jack//新增属性all.dataset.food="tomato";console.log(all.dataset);//DOMStringMap {name: 'jack', bbb: 'bb', food: 'tomato'}