Javascript 使用DataSet API设置数据属性

下面是使用dataset api从标记获取数据属性的方法

<div data-color="red">Apple</div>

var color = document.querySelector('div').dataset.color

苹果公司 var color=document.querySelector（'div'）.dataset.color

如何设置数据属性

我可以创建新的数据属性吗

它们会自动附加到元素中吗

请举例说明答案

谢谢

您可以通过您提到的相同的

数据集

或使用

是的，如下面的代码示例所示。您可以使用

数据集

或

设置属性

执行此操作

是的。CSS可以为此设置样式。请参阅我的示例中的

div[data price]：after

样式

var div=document.querySelector（'div'）；
var data=div.dataset；
div.innerHTML+='was'+data.color；
data.color='黄色'；
div.innerHTML+='；现在是“+data.color+”
；
data.type='Golden Delicious'；
div.setAttribute（'data-price'，'$1.00'）；
div.innerHTML+='此div具有以下属性/值对：'；
对于（变量i=0；i此div具有以下数据集键/值对：'；
for（var输入数据）{
div.innerHTML+='
'+key+'='+data[key]；
}

div[数据颜色=红色]{
颜色：红色；
}
div[数据颜色=黄色]{
颜色：黄花；
}
div[数据价格]：之后{
内容：attr（数据价格）；
颜色：绿色；
}

Apple