javascript - 数据属性有什么意义？

Question

阅读 this question 的答案后，我的思绪就像融化的冰淇淋甜筒。

考虑到您可以将任意属性分配给 DOM 元素这一事实。

例如

var myDiv = document.createElement('div');
myDiv.potato = ["puppies", "sea otters"]

alert(myDiv.potato);

整个 data-* 约定的重点是什么？

与分配任意属性相比，它有什么优势？

Answer 1

保证它们不会与实际属性(在当前或 future 的规范中)冲突。

它们在验证标记时不会产生噪音。

了解 HTML 的维护您的代码的人会知道 data-* 属性的用途，并且不会在尝试查找他们可能认为自己没有的属性时感到困惑。没听说过。