Obtenir INVALID_CHARACTER_ERR: DOM 5 Exception

Je suis en train d'écrire une simple liste de choses à faire. un utilisateur de saisir un texte et il est ajouté en tant que checkbox. Mais j'obtiens cette erreur, je n'ai aucune idée de ce qu'il à propos de

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);
    });

}
  • createElement attend une chaîne de caractères contenant le nom d'une balise, pas en HTML. Voir developer.mozilla.org/en/DOM/document.createElement
  • IE8 et au-dessous de permis code HTML arbitraire chaîne dans createElement, par exemple document.createElement('<input name="xyz">')
InformationsquelleAutor Rafael Adel | 2012-07-28
  1. 4

    document.createElement prend le nom de la balise seulement comme paramètre, vous devez définir le type et la valeur après

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

    Également les balises input sont vides, il n'existe pas de balise de fermeture ou intérieure html, la valeur est définie comme un attribut dans une balise.

    • ah, cela a fonctionné. Mais comment puis-je ajouter une étiquette à l'intérieur de chaque boîte ? parce que d'une case à cocher sans texte s'affiche lorsque j'appuie sur le bouton.
    • vous n'avez pas mis les étiquettes à l'intérieur cheeckboxes vous mettre à côté d'eux, et l'utilisation du label for attribut pour spécifier dont la case de l'étiquette est pour.
    • Alors, est-ce vrai ? jsfiddle.net/smokn/6gbSE/3
    • La propriété pour le for attribut est htmlFor voir http://jsfiddle.net/mowglisanu/6gbSE/4/
    • Ya, je viens de pensé à elle. Merci beaucoup 🙂
    InformationsquelleAutor Musa