如何向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';
            }

否则，您通过重新分配sprite变量而不是附加到imgClass类来失去DATE()课程。