获取INVALID_CHARACTER_ERR:DOM异常5

时间:2012-07-28 20:14:51

标签: javascript dom domexception

我正在写一个简单的待办事项列表。用户输入文本并将其添加为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);
    });

}

1 个答案:

答案 0 :(得分:4)

document.createElement仅将标记名称作为参数,您必须在

之后设置类型和值
var task = document.createElement("input")
task.type = "checkbox";
task.value = textBox.value;

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