Skip to main content

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