設定画像ソースは

Question

に動作していない私は、このHTML

<ul> 
<li><img id="image1" src="images/single_1_thumb.jpg" alt="" data-image="images/single_1.jpg"></li> 

</ul> 

を持っている私は、srcとデータ・イメージの両方のソースとしてfirebaseストレージの画像を使用したいです。私はこのコードを使用してsrcのためにできました

var pic1 = snapshot.child("ProductImageUrl").val(); 

document.getElementById("image1").src = pic1; 

しかし、私はデータイメージのためにそれを実装する方法を理解できません。私が試したこれらの

document.getElementById("image1").data-image = pic1; 
document.getElementById("image1").'data-image' = pic1; 
document.getElementById("image1").data:image = pic1; 

私は最初の試みのために得るエラーは、データ・イメージにfirebase画像を設定するI実装する方法

Uncaught ReferenceError: Invalid left-hand side in assignment

のですか？

Answer 1

どちらのDOM

document.getElementById('image1').setAttribute('data-image', pic1) 

に属性値を変更するためにElement.setAttribute()を使用するか、DataSet API

document.getElementById('image1').dataset.image = pic1 

を使用