javascript - 获取 INVALID_CHARACTER_ERR：DOM 异常 5

Question

我正在写一个简单的待办事项清单。用户输入文本并将其添加为checkbox. 但我收到这个错误我不知道它是怎么回事

INVALID_CHARACTER_ERR: DOM Exception 5

window.onload = function(){
    var textBox = document.getElementById("taskInput"),
        submitBtn = document.getElementById("submit"),
        taskPool = document.getElementById("todoTask");

    submitBtn.addEventListener("click", function(){
        var task = document.createElement("<input type=\"checkbox\">" + textBox.value + "</input>");
        taskPool.appendChild(task);
    });

}

Answer 1

document.createElement仅将标签名称作为其参数，您必须在之后设置类型和值

var task = document.createElement("input")
task.type = "checkbox";
task.value = textBox.value;

输入标签也为空，没有结束标签或内部 html，该值被设置为标记中的属性。