如何使用 JS DOM 设置每个单元格的边框？

如何解决如何使用 JS DOM 设置每个单元格的边框？

我正在尝试使用 JS DOM 设置每个表格单元格的边框。我可以正确设置表格的边框.. 我曾尝试使用 .querySelectorAll 和 .getElementsByName，但它无法正常工作。不确定如何设置每个单元格的边框？

for (let i = 0; i < data.length; i++) {
             //console.log(data[i]['name']);
             //console.log(data[i].credits);
             table += "<tr><td>" + data[i]['first_name'] + "</td><td>" + data[i]['last_name']
             + "</td><td>" + data[i]['email_address'] + "</td><td>" + data[i]['age'] + "</td></tr>";
                        }
             table += "</table>";
             var div = $("#content");
             div.html(table);
             document.getElementById("jsontable").style.border = '1px solid black';
             document.getElementById("jsontable").style.backgroundColor = 'beige';
             document.querySelectorAll("td").style.border = '1px solid black';