удаление ребенка от ребенка - PullRequest
1 голос
/ 19 декабря 2010

У меня проблемы с удалением дочернего элемента дочернего объекта, созданного с помощью JS.

По существу, когда я создаю объект комментария, я добавляю к нему Chind (replyBox). Внутри replyBox есть кнопка отмены, которая должна полностью удалить replyBox.

Вот код:

 function Comment(message){
    var self = this;
    var message = message;

    var comment = document.createElement("li");
    comment.id = "comment";
    comment.style = "display: none;";
    comment.textContent = message;

    createButtons(comment);

    var parent = document.getElementById("wall");
    parent.appendChild(comment);
    return comment;
}
function deleteComment(comment){
    var parent = document.getElementById("wall");
    parent.removeChild(comment);
}

function newReply(comment){
    var buttons = comment.getElementsByTagName("input");
    buttons.item(0).disabled="disabled";

    var replyBox = document.createElement("div");
    replyBox.id="replyBox";

    var replyTxt = document.createElement("input");
    replyTxt.type="text";
    replyTxt.value="Write a reply";
    replyTxt.onfocus = "if(this.value==this.defaultValue) this.value='';" ;
    replyTxt.onblur="if(this.value=='') this.value=this.defaultValue;";
    replyBox.appendChild(replyTxt);

    createButtons(replyBox);

    comment.appendChild(replyBox);  
}
function createButtons(parent){
    var button = document.createElement("input");
    button.type = "submit";
    if(parent.id=="comment"){
        var reply = button.cloneNode();
        reply.value = "reply";
        reply.addEventListener("click", function(){newReply(parent)},false);
        parent.appendChild(reply);

        var deleteBtn = button.cloneNode();
        deleteBtn.value = "delete";
        deleteBtn.addEventListener("click", function(){deleteComment(parent)},false);
        parent.appendChild(deleteBtn);
    }
    else{
        var submitBtn = button.cloneNode();
        submitBtn.value = "submit";
        //reply.addEventListener("click", function(){newReply(parent)},false);
        parent.appendChild(submitBtn);

        var cancel = button.cloneNode();
        cancel.value = "cancel";
        cancel.addEventListener("click", function(){cancel(parent)},false);
        parent.appendChild(cancel);
    }
}

function cancel(replyBox){
    replyBox.parentNode.removeChild(replyBox);
}

Ответы [ 2 ]

2 голосов
/ 19 декабря 2010
   cancel.addEventListener("click", function(){cancel(parent)},false);

Какой cancel какой?У вас есть объект с именем cancel, а также функция с тем же именем.Попробуйте переименовать один.

0 голосов
/ 19 декабря 2010

Я вижу проблему здесь:

    comment.id = "comment";

Если вы устанавливаете все идентификаторы элементов комментария на comment, DOM может запутаться.

...