javascript - 向DOM元素添加变量

我想问一下，将自定义变量添加到文档主体元素是否合法？
例如:

document.getElementById('elem1').customVariable = 'xxx';

这段代码可以正常工作，但是我不知道是否允许

它没有出现在标签参数列表中，但是变量可以在以后的代码中使用。

最佳答案

我认为这会起作用，但是添加自定义属性的更常见方式是这样的:

<div id="elem1" data-customVariable="foo"

然后

document.getElementById('elem1').setAttribute("data-customVariable", "bar");

或者，如果旧版浏览器使setAttribute阻塞

document.getElementById('elem1')["data-customVariable"] ="bar";

编辑

感谢pimvdb指出您也可以

document.getElementById('elem1').dataset.customVariable ="bar";

只需注意，您将必须注意自己的命名方式- Camel 衣可以将其扔掉。你想要

<div id="elem1" data-custom-variable="xxx"></div>