설정 이미지 소스는

Question

내가이 HTML을이 작동하지 않습니다

내가 SRC 및 데이터 이미지 모두를위한 소스로 중포 기지 저장 이미지를 사용하려면

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

</ul> 

. 이 코드를 사용하여 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; 

내가 첫 번째 시도 얻을 오류가 데이터 이미지에 중포 기지 이미지를 설정 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 

를 사용