如何使用纯JS在img上设置data-src?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (861)

我想在我用JS创建的img上设置data-src属性。

为什么这不起作用?

const image = document.createElement('img');
image.className = 'restaurant-img';
image.src = '/img/1.jpg';
image.data-src = DBHelper.imageUrlForRestaurant(restaurant);
li.append(image);

IDE说:必须是左值

所以我不能分配它。

提问于
用户回答回答于

你应该用setAttribute

const image = document.createElement('img');
image.className = 'restaurant-img';
image.src = '/img/1.jpg';
image.setAttribute('data-src', 'foobar');
document.body.appendChild(image);
console.log(image.outerHTML);

如果你想设置data-src的属性名称,你将不得不使用括号表示法,因为-是点符号中的非法字符:

image['data-src'] = 'foobar';

扫码关注云+社区

领取腾讯云代金券