表格是網(wǎng)頁中常見的元素，它可以用來展示數(shù)據(jù)或者布局頁面。在使用表格時，經(jīng)常需要插入新的行來添加數(shù)據(jù)，此時可以使用JavaScript來實現(xiàn)動態(tài)插入行的功能。通過設(shè)置CSS樣式，可以使插入的新行更加美觀。

// 獲取表格對象
var table = document.getElementById('myTable');
// 創(chuàng)建新行
var newRow = table.insertRow(2);
// 創(chuàng)建新單元格
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);
var cell3 = newRow.insertCell(2);
// 設(shè)置單元格內(nèi)容
cell1.innerHTML = 'John';
cell2.innerHTML = 'Doe';
cell3.innerHTML = '20';
// 設(shè)置單元格樣式
newRow.style.background = '#f2f2f2';
newRow.style.fontWeight = 'bold';
newRow.style.textAlign = 'center';

上述代碼通過獲取表格對象，使用insertRow方法在第二行插入了一個新的行。然后，通過insertCell方法為新行創(chuàng)建了三個新的單元格，最后通過innerHTML屬性設(shè)置單元格的內(nèi)容。在此基礎(chǔ)上，通過設(shè)置樣式，使新行的背景色為灰色，文字加粗且居中。

需要注意的是，該方法只適用于動態(tài)創(chuàng)建表格行，如果需要刪除或編輯表格中已有的行，需要通過其他方法實現(xiàn)。