将多个值附加到单个div

可以通过以下几种方式实现：

使用HTML的data-属性：可以通过在div元素上添加自定义的data-属性来附加多个值。这些属性可以存储任意类型的数据，并且可以通过JavaScript进行访问和操作。例如：

<div id="myDiv" data-value1="123" data-value2="abc" data-value3="true"></div>

在JavaScript中，可以使用dataset属性来获取和设置这些自定义属性的值：

var myDiv = document.getElementById("myDiv");
var value1 = myDiv.dataset.value1; // 获取值为"123"
var value2 = myDiv.dataset.value2; // 获取值为"abc"
var value3 = myDiv.dataset.value3; // 获取值为"true"

myDiv.dataset.value1 = "456"; // 设置值为"456"

推荐的腾讯云相关产品：无

使用JavaScript对象：可以创建一个JavaScript对象，将多个值作为对象的属性，并将该对象附加到div元素上。例如：

var myDiv = document.getElementById("myDiv");
var values = {
  value1: 123,
  value2: "abc",
  value3: true
};

myDiv.values = values;

在JavaScript中，可以通过访问div元素的values属性来获取和设置这些值：

var myDiv = document.getElementById("myDiv");
var value1 = myDiv.values.value1; // 获取值为123
var value2 = myDiv.values.value2; // 获取值为"abc"
var value3 = myDiv.values.value3; // 获取值为true

myDiv.values.value1 = 456; // 设置值为456

推荐的腾讯云相关产品：无

使用JavaScript数组：可以创建一个JavaScript数组，将多个值作为数组的元素，并将该数组附加到div元素上。例如：

var myDiv = document.getElementById("myDiv");
var values = [123, "abc", true];

myDiv.values = values;

在JavaScript中，可以通过访问div元素的values属性来获取和设置这些值：

var myDiv = document.getElementById("myDiv");
var value1 = myDiv.values[0]; // 获取值为123
var value2 = myDiv.values[1]; // 获取值为"abc"
var value3 = myDiv.values[2]; // 获取值为true

myDiv.values[0] = 456; // 设置值为456

推荐的腾讯云相关产品：无

总结：以上是将多个值附加到单个div的几种常见方式。可以根据具体需求选择合适的方式来实现。