html <tr>添加id,html table - How to get <td> through <tr> id Javascript - Stack Overflow

I've been trying to get td value through tr id. Usual way I know is by usingdocument.getelementById("tableID").rows[0].cells.item(2).innerHTML; but problem is my table is dynamic so table rows keep changing through adding and deleting. to overcome this I decided to generate id through random().

So anyone knows a better way to get a specific value using JS.

function add(){

var tbl = document.getElementById("tableID");

var TrId = Math.floor((Math.random() * 10000) + 1);

var tableTR = document.createElement('tr');

tableTR.id = TrId;

tbl.appendChild(tableTR);

for(let i = 0; i < 3; i++){

switch (i){

case 0:

var newelement = document.createElement('td');

var newbtn = document.createElement('input');

newbtn.type = "button";

newbtn.value = "Remove";

newbtn.id = Math.floor((Math.random() * 10000) + 1);

newbtn.onclick = function() {deletedRow(this)};

tableTR.appendChild(newelement);

newelement.appendChild(newbtn);

break;

case 1:

var n = document.getElementById('nme').value;

var newelement = document.createElement('td');

newelement.innerHTML = n;

tableTR.appendchild(newelement);

break;

case 2:

var n = document.getElementById('snme').value;

var newelement = document.createElement('td');

newelement.innerHTML = n;

tableTR.appendchild(newelement);

break;

}

}

}

function deletedRow(btn){

var row = btn.parentNode.parentNode;

row.parentNode.removeChild(row);

document.getElementById('here').innerText = "get surname"

}

Name

surname

Name

Age

//I want the surname to be placed here upon deleting a row

Don't mind it not working. I was just hoping this will give you an idea of what I'm really working on.