Javascript 中的表格是一個重要的元素，它使得網頁展示數據變得更加美觀和易于閱讀。通過Javascript 的編程技巧，我們可以加上表格的各種樣式和功能，從而創建一個充滿動態交互的表格。
一、使用 Javascript 加表格
當我們使用 Javascript 來加表格時，我們首先需要用 HTML 來定義一個表格的框架，例如下面這個例子：

<p><table></p>
<p><thead></p>
<p><tr></p>
<p><th>姓名</th></p>
<p><th>年齡</th></p>
<p><th>職業</th></p>
<p></tr></p>
<p></thead></p>
<p><tbody></p>
<p><tr></p>
<p><td>張三</td></p>
<p><td>25</td></p>
<p><td>程序員</td></p>
<p></tr></p>
<p><tr></p>
<p><td>李四</td></p>
<p><td>27</td></p>
<p><td>銷售</td></p>
<p></tr></p>
<p></tbody></p>
<p></table></p>

這個表格定義了表頭及其中兩行數據。接下來，我們可以使用 Javascript 來對這個表格添加一些樣式和交互：
二、為表格加上樣式
通過 Javascript 可以以動態的方式為表格加上樣式，其中最常用的一種方式就是設置表格的邊框。例如：

<p>var tb = document.getElementsByTagName("table")[0];</p>
<p>tb.style.border = "1px solid black";</p>

這些代碼將會為第一個表格添加一個 1 像素的黑色邊框。除了邊框之外，我們也可以為表格添加各種其他的樣式，包括字體、背景色等。
三、為表格加上交互
通過 Javascript，我們可以為表格添加各種交互效果，例如當鼠標移到某一行時，改變該行的背景色等。下面是一個簡單的例子：

<p>var rows = document.getElementsByTagName("tr");</p>
<p>for (var i = 0; i < rows.length; i++) {</p>
<p>    rows[i].onmouseover = function() {</p>
<p>        this.style.backgroundColor = "#FFFF99";</p>
<p>    }</p>
<p>    rows[i].onmouseout = function() {</p>
<p>        this.style.backgroundColor = "";</p>
<p>    }</p>
<p>}</p>

這些代碼將會使得當鼠標移到某一行時，該行背景顏色變為淡黃色，當鼠標移出時又變為透明。
四、為表格插入數據
通過 Javascript，我們還可以以動態的方式為表格插入數據。例如，我們可以添加一個按鈕，當用戶點擊按鈕時，就能添加一行數據到表格中：

<p>var tb = document.getElementsByTagName("table")[0];</p>
<p>var btn = document.createElement("button");</p>
<p>btn.innerHTML = "添加數據";</p>
<p>btn.onclick = function() {</p>
<p>    var row = tb.insertRow(-1);</p>
<p>    var cell1 = row.insertCell(0);</p>
<p>    var cell2 = row.insertCell(1);</p>
<p>    var cell3 = row.insertCell(2);</p>
<p>    cell1.innerHTML = "王五";</p>
<p>    cell2.innerHTML = "33";</p>
<p>    cell3.innerHTML = "教師";</p>
<p>}</p>
<p>document.body.appendChild(btn);</p>

這些代碼將會添加一個按鈕到文檔中，并在用戶點擊按鈕時，向表格中插入一行數據。
綜上所述，JavaScript 中的表格是一個重要的元素，我們可以通過 Javascript 來為表格添加各種樣式和交互，以動態的方式展示數據。通過這種方式，我們可以創建出充滿交互和創意的網頁，提升用戶體驗。