Javascript 如何向img元素添加多个类

我想在所有的图片中添加一个类精灵。此外，如果每个名称[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 + ">";
            }

---

我认为您的innerHTML输出中缺少转义引号

---

否则，通过重新分配imgClass变量而不是附加到它，您将丢失sprite类。

我尝试了您建议的代码。在代码中，它可以捕获找到/未找到的类。但是，它不能捕获类精灵…而不是imgClass='found'和imgClass='unfound'，它应该是imgClass+='found'和imgClass+='unfound'，我已经更新了我的响应以反映这一点。

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

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