Miért nem működik a felső megoldás Javascriptben? Miért csak az alsó működik?

Ez nem működik:

for (let i = 0; i < objektum_tomb.length; ++i) { document.querySelector("#csapatadat tbody").appendChild(document.createElement("tr"));

let actual_tr = document.querySelector("#csapatadat tbody tr:nth-child(" + i+1 + ")"); actual_tr.appendChild(document.createElement("td"));

}

Ez működik:

let tbody = document.querySelector("#csapatadat tbody"); for (let i = 0; i < objektum_tomb.length; ++i) { let actual_tr = document.createElement("tr") tbody.appendChild(actual_tr); let actual_td1 = document.createElement("td"); actual_td1.innerHTML = objektum_tomb[i].nev; let actual_td2 = document.createElement("td"); actual_td2.innerHTML = objektum_tomb[i].helyezes; let actual_td3 = document.createElement("td"); actual_td3.innerHTML = objektum_tomb[i].valtozas; let actual_td4 = document.createElement("td"); actual_td4.innerHTML = objektum_tomb[i].pont; actual_tr.appendChild(actual_td1); actual_tr.appendChild(actual_td2); actual_tr.appendChild(actual_td3); actual_tr.appendChild(actual_td4);

}