Javascript 尝试从Html文本字段获取img.src时出错

以下是单击按钮时调用的我的函数

目标是获取用户输入的文本值，并将其用作图像源，最后在html正文上显示图像

function ButtonClick() {
        var link = document.createElement("a");

    // create an image element.
    var MyImg = document.createElement("img");

    var MyImg.src = document.getElementById("textfield").value;

    // append it to a list of elements.
    link.appendChild(MyImg);    

    // append the newly added image to the html page body.
    document.body.appendChild(link);

    // clear textfield for next image src.
    document.getElementById("textfield").value = "";    
}

我收到的错误在第7行：

“var MyImg.src=document.getElementById（“textfield”）.value；”

语法错误：缺失；before语句example.js:19

---

*在第一个建议后编辑代码。

您应该定义变量一次

MyImg.src = document.getElementById("textfield").value;

改变

var MyImg = document.createElement("img");
var MyImg.src = document.getElementById("textfield").value;

到

document.createElement（“MyImg”）错误语法使用
document.createElement（“img”）
var MyImg = document.createElement("img");
MyImg.src = document.getElementById("textfield").value;