在網頁開發中，表格是非常常見的一種元素，而為表格添加樣式也是開發者常常遇到的問題。而通過JavaScript添加CSS樣式就是其中的一種方法。

//獲取到表格對象
var tableObj = document.getElementById('myTable');
//設置表格CSS樣式
tableObj.style.border = '1px solid #ccc';
tableObj.style.width = '100%';
//獲取到表格行數
var rowsNum = tableObj.rows.length;
//遍歷表格行，并設置CSS樣式
for (var i = 0; i< rowsNum; i++) {
//獲取到當前行對象
var row = tableObj.rows[i];
//設置表格行CSS樣式
row.style.border = '1px solid #ccc';
row.style.padding = '10px';
//獲取到當前行的單元格數
var cellsNum = row.cells.length;
//遍歷當前行單元格，并設置CSS樣式
for (var j = 0; j< cellsNum; j++) {
//獲取到當前單元格對象
var cell = row.cells[j];
//設置當前單元格CSS樣式
cell.style.border = '1px solid #ccc';
cell.style.padding = '10px';
}
}

在代碼中，我們獲取了表格對象，并為其設置了CSS樣式。接著，我們獲取了表格行數，并遍歷每一行，為其設置CSS樣式。最后，我們獲取了每行的單元格數，并遍歷每個單元格，為其設置CSS樣式。

通過上述代碼，我們可以輕松地為表格添加CSS樣式，進一步美化我們的頁面，提升用戶的體驗。