javascript - removeChild不是函数

window.onload = initPage;
var firstname = false;
var lastname = false;

function initPage() {
    addEventHandler(document.getElementById("firstname"), "blur", verifyFirst);
    addEventHandler(document.getElementById("lastname"), "blur", verifyLast);
    addEventHandler(document.getElementById("submit"), "click", showName);
}

function verifyFirst(e) {
    var me = getActivatedObject(e);
    if (me.value === "") {
        me.className = "error";
        me.focus();
        me.select();
        return;
    }
    else {
        me.className = "";
        firstname = true;
        enabledButton();
    }
}

function verifyLast(e) {
    var me = getActivatedObject(e);
    if (me.value === "") {
        me.className = "error";
        me.focus();
        me.select();
        return;
    }
    else {
        me.className = "";
        lastname = true;
        enabledButton();
    }
}

function enabledButton() {
    if (firstname && lastname) {
        document.getElementById("submit").disabled = false;
    }
    else {
        document.getElementById("submit").disabled = true;
    }
}

function showName() {
    var first = document.getElementById("firstname").value;
    var last = document.getElementById("lastname").value;
    var word = first.toLowerCase() + last.toLowerCase();
    for (var i = 0; i < word.length; i++) {
        var letter = word.charAt(i);
        var img = document.createElement("img");
        img.setAttribute("src", "images/" + letter + ".png");
        img.setAttribute("style", "left:" + 50 * i);
        document.getElementById("displayname").appendChild(img);
    }
    var t = setInterval(removeName, 2000);
}

function removeName() {
    var display = document.getElementById("displayname").getElementsByTagName("img");
    var lengthOfDisplay = display.length;
    for (var i = 0; i < lengthOfDisplay; i++) {
        document.getElementById("displayname").removeChild(display[i]);
    }
    var t = setInterval(showName, 2000);
}

这是我目前正在开发的代码。我正在创建一个网站，有两个输入字段的名字和姓氏。在每个字段的模糊验证后，他们将启用提交按钮。当单击submit按钮时，它将组合名字和姓氏，然后将每个字母分开，并调用与输入的每个字母相关的图像，并将其显示在display name div上。
这就是我的问题所在：
我想要的是显示图像，然后删除图像并使用setInterval连续显示。（即，图像拼写的名称将闪烁）。不幸的是，当我尝试使用removeChild函数删除图像时，我的代码出现了一个错误：
更新
未捕获类型错误：未能在“Node”上执行“removeChild”：参数1不是“Node”类型。
下面是检查工具的图像，其中包含错误和正在获取错误的行。
为什么当我要求它用removeChild（display[I]）删除图像时会出现此错误？

最佳答案

将第68行替换为

document.getElementById("displayname").innerHTML = '';

关于javascript - removeChild不是函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40968949/