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出力でエスケープ引用符が欠落していると思います。あなたはクラスfoundとunfoundを追加する場合は

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

また、それは次のようになります。

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

そうでなければ、再割り当てimgClass変数によってspriteクラスを失う代わりに追加していますそれに。