向DOM元素添加变量

Question

我想问一下,如果将"自定义变量"添加到文档正文元素是"合法的".例如:

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

这段代码正常工作,但我不知道它是否"允许"

它不会出现在标记参数列表中,但变量可用于更多代码中.

Answer 1

我认为这会有效,但更常见的添加自定义属性的方法是这样的:

<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";

请注意,你必须注意你的名字 - 骆驼外壳可以把它扔掉.你想要的

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