NOT_FOUND_ERR：DOM异常8-JavaScript

Question

我的代码：

function SubmitCommentAJAX(i)
{
    var thecomment = i.parentNode.getElementsByClassName("styled")[0].innerHTML; 
    var commentBox = document.body.getElementsByClassName("commentsScroll")[0];
    var request = "http://localhost:8080/ituned.com/index?Event=Comment&PostTitle=<%=p.getTitle()%>&PostOwner=<%=p.getUsername_of_Owner()%>&comment="+thecomment;

    xmlhttp.open("POST",request,true);
    xmlhttp.send();
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {            
            var response=xmlhttp.responseXML.getElementsByTagName("theComment")[0].text;
            **commentBox.insertBefore(response, commentBox.firstChild);**
        }
    };
}

HTML：

<div class="commentsScroll" align="left"> 
    <div></div>             
    </div> 
</div>

我收到错误消息：NOT_FOUND_ERR： commentBox.insertBefore(response, commentBox.firstChild);行的DOM异常8 commentBox.insertBefore(response, commentBox.firstChild);

但是commentBox定义良好，因为当我使用alert（commentBox）检查时，它向我显示了该对象。

怎么了

Answer 1

insertBefore带有一个dom节点，因此您必须将文本转换为文本节点

var response=xmlhttp.responseXML.getElementsByTagName("theComment")[0].textContent;
commentBox.insertBefore(document.createTextNode(response), commentBox.firstChild);