IMG定义自定义属性

Question

我试图指派属性 “项目Id” 的DOM元素 “IMG”

这里是代码

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