javascript - 为 HTMLObject 定义变量

Question

当我想在 Javascript 中向 html 对象添加变量时，我有两种可能的方法；我可以使用 data-x="" 属性，或者我可以直接向对象添加一个变量，对吗？什么更好？

例如：

obj = document.getElementById("x")

当我定义这样的变量时它是有效的Javascript吗？：

obj = document.getElementById("obj");
//from the data attribute
data = obj.getAttribute("data-x");
//directly
obj.data = "test";
data = obj.data;

这里最正确的是什么？谢谢你。