javascript - 通过 JavaScript 设置匿名 DOM 元素的属性？

Question

假设我通过服务器端代码生成标记。我正在生成一堆 HTML 标记，但我想添加自定义客户端行为。

使用 JavaScript(如果我有对 DOM 节点的引用)我可以这样写:

var myDOMNode = ...
myDOMNode.myCustomAttribute = "Hi!";

现在这里的问题是我不想仅仅为了初始化数据而用唯一 id 限定每个元素。对我来说真的很奇怪，没有一种更简单和不引人注目的方法来附加客户端行为。

如果我没记错的话，这是有效的 IE 内容。

<div onload="this.myCustomAttribute='Hi!'"></div>

如果我能够做到这一点，我应该能够通过标识符“myCustomAttribute”访问它的“数据上下文”，这正是我想要的。

Answer 1

以下将起作用但无法验证:

<div myattribute="myvalue"></div>

但如果您使用 Javascript 将其注入(inject) HTML，那么您可能不关心这个问题。否则，您可以使用 jQuery 之类的工具在将元素添加到 DOM 之前对其进行处理:

$(elements).each(function(){
     $(this).attr('myattribute','myvalue');
});