How to get values of tbody element from the Table using the Table id and without giving tbody ID using javascript not Jquery

Question

I am looking for the elements inside the tbody of table without using the tbody Id or class. from below code i am looking for the values inside td for those who has tr classname tag.

<table id="tableId">
<thead>
</thead>
<tbody>
<tr>
value
</tr>
<tr class="className">
<td>
value
</td>
</tr>
<tr>
value
</tr>
<tr class="className">
<td>
value
</td>
</tr>
</tbody>
</table>

Charmion

Use javascript querySelector - document.querySelector('#tableId > tbody > tr:nth-child(1)'); – Paternity

Answer 1

var tableId = document.getElementById('tableId');
var tBody = tableId.getElementsByTagName('tbody')[0];
var tableRow = tBody.getElementsByTagName('tr');

for (var t = 0; t < tableRow.length; t++){
    console.log(tableRow[t].innerHTML)
}

Triage

can you please look this question again i made some change. I am sorry for this. @Triage – Charmion

Answer 2

My working code is just like this

const updateTable = (urls) => {
    // Correctly select the table's tbody using the table's ID
    const tbody = document.getElementById("links").getElementsByTagName('tbody')[0];
    
    if (!tbody) {
        console.error("Table body not found!");
        return;
    }

    tbody.innerHTML = '';  // Clear previous results

    urls.forEach((url, index) => {
        const tableRow = `
            <tr>
                <td>${url.links}</td>
                <td>${url.text}</td>
                <td>${url.type}</td>
            </tr>
        `;
        tbody.insertAdjacentHTML('beforeend', tableRow);
    });

Lipfert