Question

我想在我用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说：必须为左值

所以我不能分配它。

我还可以如何通过纯JavaScript（而不是jQuery）在img上设置data-src？

Answer 1

如果要设置属性，则应使用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);

如果要设置元素{<1>}的元素的属性名称，则必须使用方括号表示法，因为data-src是点表示法中的非法字符：

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

1 个答案: