отредактируйте код для отображения информации, полученной из API, в виде таблицы

я пытаюсь отредактировать этот код

function HTMLListFromJavaScriptArray (posts, placeHolder) {
  document.getElementById(placeHolder).innerHTML = "";
  posts.forEach(function (item) {  
    let ul = document.createElement('ul');
    ul.className ="list-group";
    let li = document.createElement('li');
    ul.appendChild(li);
    li.innerHTML += item.id;
    li = document.createElement('li');
    let innerUl = document.createElement('ul');
    innerUl.className ="list-group-item";
    innerUl.appendChild(li);
    li.innerHTML += item.userId;
    li = document.createElement('li');
    innerUl.appendChild(li);
    li.innerHTML += item.title;
    li = document.createElement('li');
    innerUl.appendChild(li);
    li.innerHTML += item.body;
    ul.appendChild(innerUl);
    document.getElementById(placeHolder).appendChild(ul);
  });
}

отображать их в виде таблицы

вот мой код таблицы:

    function HTMLListFromJavaScriptArray (posts, placeHolder) {
    document.getElementById("placeHolder").innerHTML = "";
    var tr, td;
   tbody = posts.querySelector('tbody');
    posts.forEach(function (item) {  

        tr = tbody.insertRow(tbody.rows.length);
        td = tr.insertCell(tr.cells.length);
        td.setAttribute("align", "center");
        td.innerHTML = item.id;
        td = tr.insertCell(tr.cells.length);
        td.innerHTML = item.userId;
        td = tr.insertCell(tr.cells.length);
        td.innerHTML = item.title;
        td = tr.insertCell(tr.cells.length);
        td.innerHTML = item.body;
        td = tr.insertCell(tr.cells.length);
  });
HTMLListFromJavaScriptArray("posts");

}

но я получаю ошибку:

posts.querySelector не является функцией в HTMLListFromJavaScriptArray

Спасибо