Javascript 如何使用<；img src=>；使用Ajax调用

我正在尝试使用AJAXGET将图片插入id“pokedex视图”。我认为“spriteurl”显示了正确的路径。但无法正常工作，并且找不到本地文件夹的pciture。这个代码有什么错误吗。谢谢

    function populatePokedex() {

    var xhr = new XMLHttpRequest();
    xhr.open("GET", "https://webster.cs.washington.edu/pokedex/pokedex.php?pokedex=all");
    xhr.onload = function(){
        if (this.status == 200) {
            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];
                document.getElementById("pokedex-view").innerHTML += spriteurl
                document.getElementById("pokedex-view").innerHTML += "<img src = spriteurl>";
            }
        } else {
            document.getElementById("pokedex-view").innerHTML = "ERROR: Status: " + this.status + ", " + this.statusText;
        }
    }
    xhr.onerror = function(){
        document.getElementById("pokedex-view").innerHTML = "ERROR";
    }
    xhr.send();
    }

函数populatePokedex（）{
var xhr=new XMLHttpRequest（）；
xhr.open（“GET”https://webster.cs.washington.edu/pokedex/pokedex.php?pokedex=all");
xhr.onload=函数（）{
如果（this.status==200）{
var picArr=this.responseText.split（“\n”）；
对于（变量i=0；i

尝试连接或插入指定

spriteurl

为

src

属性的方式：

document.getElementById("pokedex-view").innerHTML += '<img src="' + spriteurl + '">'

document.getElementById（“pokedex视图”）.innerHTML+=''

或：

document.getElementById（“pokedex视图”）.innerHTML+=``

您的html是什么样子的，特别是与

pokedex视图相关的部分是什么？

是的！这很有帮助。

document.getElementById("pokedex-view").innerHTML += `<img src="${spriteurl}">`