javascript - 我无法将我的 AJAX 响应分配给我的 div

Question

我有以下 JS 代码:

var b=0;
function Fetch_Comments() {
    var comment=document.getElementsByClassName("comnt_list");
    for (i=0; i<comment.length; i++) {
        var post_id1=comment[i].getAttribute("data-flag2");
        xhr=new XMLHttpRequest();
        xhr.open('POST',"../OOP/AJAX-Response.php",true);
        xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
        xhr.send("post_id1="+post_id1);
        xhr.onreadystatechange=function() {
        if(xhr.readyState == 4 && xhr.status == 200) {
            console.log(comment.item(1));
	        comment.item(0) = xhr.responseText;
        }
        b++;
    }				
}    

我想将响应文本分配给我的 div，但它总是返回错误:

(Uncaught TypeError: Cannot set property 'innerHTML' of null)

问题是什么？请帮忙。

Answer 1

你的声明

comment.item(0) = xhr.responseText;

您尝试为变量 comment.item[0] 提供 responseText 作为值。您尝试做的是为该项目的 innerHTML 提供 responseText 作为值:

comment.item(0).innerHTML = xhr.responseText;