定义img自定义属性

Question

我正在尝试为DOM元素“img”

分配属性“itemId”

这是代码

var img = document.createElement('IMG');
window.console.log(itemId);
img.itemId = itemId;
window.console.log(img.itemId); 

执行后控制台包含以下消息：

41
http://example.domain/41

其中example.domain - 是我网站的地址。

此问题出现在Opera和Mozilla中，但在Chrome中，此代码可以正常工作（img.itemId == 41）。示例：http://jsfiddle.net/uwPY5/

有人可以解释发生了什么吗？

Answer 1

非常奇怪的行为，但尝试标准方式：

img.setAttribute("itemId", itemId);

要与HTML5兼容，您应该在属性名称前加上这样的前缀：

img.setAttribute("data-itemId", itemId);

然后再读回来：

var itemId = img.getAttribute("data-itemId");