向 DOM 元素添加变量

发布于 12-22 20:12 字数 189 浏览 0 评论 0原文

我想问,向文档正文元素添加自定义变量是否“合法”。 例如:

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

此代码可以正常工作,但我不知道它是否“允许”

它不会出现在标签参数列表中,但变量可以在进一步的代码中使用。

I would like to ask, if is 'legal' to add custom variables to document body elements.
For example:

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

This code just work, but i don't know if it is 'allowed'

It doesn't appear in list of tag's arguments, but variable is usable in further code..

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

半衬遮猫2024-12-29 20:12:01

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

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

I think that will work, but the more common way to add custom attribute is like this:

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

And then

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

Or if older browser choke on setAttribute

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

EDIT

Thanks to pimvdb for pointing out that you can also do

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

Just note that you'll have to watch how you name this -- the camel casing can throw it off. You'll want

<div id="elem1" data-custom-variable="xxx"></div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文