data-是什么?
答题流程:「是什么、怎么做、解决了什么问题、优点是、缺点是、怎么解决缺点」
是什么
data- 是一类被称为自定义数据的属性,允许我们在标准内于 HTML 元素中存储额外的信息
怎么做
如何获取 data-的数据:
HTMLElement.dataset
:可以获取 data-属性构造的对象- Element.getAttribute(data-属性名):可以获取 data-属性构造的数据
<div
id="node"
data-color="red"
data-font-size="30px">
jirengu
</div>
Object.assign(node.style, node.dataset)//枚举
解决了什么问题
可以暂存数据
预览链接:http://js.jirengu.com/pafeziguxe/1/watch?html,js,output