如何向img元素添加多个类

时间:2017-05-07 09:05:58

标签: javascript jquery image

我想在所有图像中添加一个类精灵。此外,如果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 + ">";
            }

1 个答案:

答案 0 :(得分:1)

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

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

此外,如果您想添加课程foundunfound,则应该是:

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

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