向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>