将变量定义到HTML对象

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;

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