将多个值附加到单个div

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

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"

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

myDiv.values = 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

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

myDiv.values = 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