Javascript作為當前前端開發中最重要的代碼語言之一，其有著非常強大的功能，主要是實現了頁面效果的交互。其中，表格的顯示和隱藏就是一種非常常見的交互效果。比如，在網頁制作中，由于表格中的內容較多，往往需要通過一些方法將其隱藏起來，以節約頁面空間，同時也可以使網頁更加美觀。而javascript的表格顯示和隱藏效果則是一個非常妙手的解決方案。

在javascript中，實現表格的顯示和隱藏可以使用一些函數。其中之一是getElementById() 函數，這個函數可以獲得文檔中特定ID的元素，在表格中以id屬性的形式進行定義。

<table id="mytable">
<tr><td>第一行第一列</td><td>第一行第二列</td></tr>
<tr><td>第二行第一列</td><td>第二行第二列</td></tr>
<tr><td>第三行第一列</td><td>第三行第二列</td></tr>
</table>

上面的代碼定義了一個ID為mytable的表格，其中包含了三行兩列的單元格，接下來我們就可以使用javascript語言進行表格的顯示和隱藏操作了。下面我們以點擊按鈕來切換表格的顯示和隱藏作為實例。

<button type="button" onclick="showHideTable()">顯示/隱藏表格</button>

這里我們創建了一個點擊按鈕，設置其onclick屬性，以showHideTable()函數作為其事件處理器。

function showHideTable() {
var table = document.getElementById("mytable");
if (table.style.display === "none") {
table.style.display = "table";
} else {
table.style.display = "none";
}
}

上面的javascript代碼實現了showHideTable()函數的功能。其中，我們只要通過getElementById()函數獲得ID為mytable的表格即可使用style屬性的display屬性來控制其顯示和隱藏。如果當前表格的display屬性值為“none”，則將其改為“table”，如果是”table”，則將其改為“none”。這樣，我們就成功地完成了一個根據點擊切換顯示和隱藏的表格。

總的來說，javascript表格的顯示和隱藏效果是一種非常方便和實用的交互方式，尤其是在繁瑣復雜的網頁制作中，可以更好地優化頁面效率，使得頁面更加簡潔、明了。而我們只要學好這個技巧，就可以輕松應對各種需要隱藏或顯示的表格需求。