如何隱藏table中的指定列

新建一個html文件，定名為test.html，用于實現點擊埋沒表格指心猿意馬列的功能。

在test.html頁面，利用table標簽建立四行三列的表格，<caption></caption>作為題目，下面將給它綁心猿意馬點擊事務，實現點擊埋沒價錢列。

利用css美化表格，設置表格的邊框、字體巨細、對齊體例、內邊距等樣式，代碼如下：

利用js中的window.onload方式，在頁面加載的時辰執行function函數，下面將在function函數內實現埋沒表格列邏輯。代碼如下：

利用js中的document.getElementsByTagName()方式獲得表格對象，并賦值給tab變量，用于下面獲得表格內的caption對象。代碼如下：

給caption綁心猿意馬onclick點擊事務，當點擊事務被觸發時，執行function函數，在function函數內利用for輪回“價錢”列，把價錢列中的每個單位格display屬性都設置為none，即埋沒不顯示單位格。代碼如下：

至此，完當作所有代碼的編寫。

在瀏覽器運行test.html文件，當點擊“埋沒價錢”時，把價錢列埋沒，實此刻table表格中利用js埋沒指心猿意馬列的功能。

0 條評論