可以通过以下几种方式实现:
<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"
推荐的腾讯云相关产品:无
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
推荐的腾讯云相关产品:无
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的几种常见方式。可以根据具体需求选择合适的方式来实现。
领取专属 10元无门槛券
手把手带您无忧上云