获取data-*属性的值并设置它们的列表

获取data-属性的值并设置它们的列表是通过JavaScript操作HTML元素上的自定义数据属性来获取和设置属性值的方法。data-属性是HTML5新增的一种属性，用于存储与元素相关的自定义数据。它的命名规则是以"data-"开头，后面跟上任意自定义的属性名。

获取data-*属性的值可以通过JavaScript中的getAttribute()方法来实现，示例代码如下：

// 获取data-*属性的值
var element = document.getElementById("example");
var value = element.getAttribute("data-customattribute");
console.log(value);

在上面的代码中，我们首先通过getElementById()方法获取到具有data-*属性的HTML元素，然后使用getAttribute()方法传入属性名来获取对应的属性值，并将其打印到控制台中。

设置data-*属性的值可以通过JavaScript中的setAttribute()方法来实现，示例代码如下：

// 设置data-*属性的值
var element = document.getElementById("example");
element.setAttribute("data-customattribute", "new value");

在上面的代码中，我们同样首先通过getElementById()方法获取到具有data-*属性的HTML元素，然后使用setAttribute()方法传入属性名和新的属性值来修改对应的属性值。

使用data-*属性的列表可以用于存储和管理一组相关的数据，例如商品列表、用户信息等。通过将这些数据存储在HTML元素上，我们可以方便地获取和操作这些数据。

腾讯云提供了丰富的云服务产品，其中与前端开发和数据存储相关的产品推荐如下：

腾讯云COS（对象存储）：腾讯云对象存储（Cloud Object Storage，COS）是一种海量、安全、低成本、高可靠的云存储服务，支持存储和处理大规模的非结构化数据。详情请查看：腾讯云COS产品介绍
腾讯云CDN（内容分发网络）：腾讯云内容分发网络（Content Delivery Network，CDN）是一种将内容分发到离用户最近节点的全球网络加速服务，提供快速、安全、稳定的内容分发加速能力。详情请查看：腾讯云CDN产品介绍
腾讯云云服务器（CVM）：腾讯云云服务器（Cloud Virtual Machine，CVM）提供可扩展的计算容量，帮助用户轻松构建和管理应用、网站和服务。详情请查看：腾讯云云服务器产品介绍

请注意，以上推荐的腾讯云产品仅作为示例，并非云计算领域的全部内容，具体的应用场景和最佳实践需要根据实际需求进行选择和评估。