2017-12-29 17 views
-1

Ich habe diesen HTMLEinstellung Bildquelle Feuerbasis Bild nicht funktioniert

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

</ul> 

i sowohl die src und Daten-Bild für eine Feuerbasis Speicher Bild als Quelle verwenden möchten. Ich konnte für src mit diesem Code

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

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

tun, aber ich kann nicht herausfinden, wie es für Daten-Image zu implementieren. Ich habe versucht, diese

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

der Fehler i für den ersten Versuch bekommen, ist

Uncaught ReferenceError: Invalid left-hand side in assignment

wie kann ich implementieren, um die Feuerbasis Bild Daten-Bildeinstellung?

Antwort

1

Entweder Element.setAttribute() verwenden den Attributwert in dem DOM die DataSet API

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

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

oder Verwendung zu ändern,

Verwandte Themen