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