如何通过javascript在html中创建/获取自定义属性元素？

我有以下相同的内容：

<div cutomsAttr.option1.option2="abc" id="custom">
</div>

您可以使用属性，它允许我们在标准的语义HTML元素上存储额外的信息，而不需要其他的攻击，例如非标准属性或DOM上的额外属性

语法很简单。属性名称以

data-

开头的任何元素上的任何属性都是数据属性。假设您有一个

div

，并且希望存储一些没有任何视觉表示的额外信息。只需使用

data

属性即可：

<div id="custom" data-cutomsAttr="abc">
</div>

我认为使用普通javascript不可能实现这一点，但您可以使用自定义数据属性来获得类似的结果。感谢@palaѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕѕ

<div id="custom" data-cutomsAttr="abc">
</div>