如何添加多個類到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輸出中缺少轉義引號。

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

另外，如果你想添加的類found和unfound它應該是：

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

否則你被重新分配imgClass變量，而不是附加失去sprite類到它。