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: DOM Exception 8 for line 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);