如何用原生JS实现data方法？

本文共计1166个文字，预计阅读时间需要5分钟。

前言：在开发中经常会遇到在DOM上存储一些自定义数据的情况，我们可以通过`setAttribute`方法来实现。但是，当数据为引用类型时，存储后的数据却无效。这里将使用原生的JS对`data`方法进行实现。

使用`s`data-属性存储数据：

javascript// 定义一个函数用于设置数据function setData(element, key, value) { element.setAttribute(`data-${key}`, value);}

// 定义一个函数用于获取数据function getData(element, key) { return element.getAttribute(`data-${key}`);}

// 示例const div=document.createElement('div');setData(div, 'name', '张三');setData(div, 'age', 30);

console.log(getData(div, 'name')); // 输出：张三console.log(getData(div, 'age')); // 输出：30

前言

在开发中经常会在DOM上存储一些自定义数据，我们可以通过setAttribute方法来实现。但是当数据为引用类型时，存储后的数据却无效。这里将用原生的JS对data方法进行实现。