img 요소에 여러 클래스를 추가하는 방법

Question

모든 이미지에 클래스 스프라이트를 추가하려고합니다. 게다가 eachName [1]이 bulbasaur 인 경우, 발견 된 클래스를 추가하려고합니다. 그렇지 않으면 클래스에 추가되지 않은 클래스를 추가하려고합니다. 이 코드는 클래스 스프라이트를 올바르게 캐치 할 수는 있지만 찾을 수 없거나 발견되지 않은 것을 잡을 수 없습니다. 이 코드에 잘못된 것이 있습니까? 감사.

  var picArr = this.responseText.split("\n"); 
      for(var i=0; i < picArr.length; i++){ 
       var eachName = picArr[i].split(":") 
       var spriteurl = "/Pokedex/sprites/" + eachName[1]; 
       var imgClass = 'sprite'; 
       if(eachName[1]==='bulbasaur.png'){ 
        imgClass += ' found'; 
       } else { 
        imgClass += ' unfound'; 
       } 
       document.getElementById("pokedex-view").innerHTML += "<img src=" + spriteurl + " class=" + imgClass + ">"; 
      } 

Answer 1

나는 당신이 당신의 innerHTML 출력 탈출 따옴표를 놓치고 생각합니다.

  if(eachName[1]==='bulbasaur.png'){ 
       imgClass += ' found'; 
      } else { 
       imgClass += ' unfound'; 
      } 

그렇지 않으면 당신이 imgClass 변수를 재 할당하는 대신 추가하여 sprite 클래스를 잃고 : 당신이 원한다면

document.getElementById("pokedex-view").innerHTML += "<img src=\"" + spriteurl + "\" class=\"" + imgClass + "\">"; 

또한, 그것이 있어야 클래스 found 및 unfound를 추가 그것에.