刪除表格中的單元格，html

假設我在HTML中有一個5by5表格，並且我希望能夠用一個函數刪除單元格，這樣不僅單元格內的數據將不可見，而且可以使用電池也將不再可見：比如一個函數：（假設「的CellID」是即表中的數據標籤的表格單元格的標識）刪除表格中的單元格，html

function DeleteCell(CellId) { 
document.getElementById("CellId").style.display = "none"; 
}

這對我的代碼簡單地刪除單元格的內容，但它所佔用的空間不會被刪除。任何幫助非常感謝。

編輯：我不想討論擺脫細胞與DeleteCell

來源

2016-08-08 IntegrateThis

這並不是真的如何工作表 –

那麼你的預期結果是什麼？你想刪除整個''......''？ – larz

@larz我想先前由單元佔用的空間消失了。 – IntegrateThis

var removeTheCell = function(){ 
 
    var cell = document.getElementById("removeMe") 
 
    cell.style.display = "none" 
 
}

table, td { 
 
    border: 1px black solid; 
 
    }

<table> 
 
    <tr> 
 
    <th> 
 
     Column 1 
 
    </th> 
 
    <th> 
 
    Column 2 
 
    </th> 
 
    <th> 
 
    Column 3 
 
    </th> 
 
    </tr> 
 
<tr> 
 
    <td> 
 
    1 
 
    </td> 
 
    <td> 
 
    Apples 
 
    </td> 
 
    <td> 
 
    Red 
 
    </td> 
 
    </tr> 
 
<tr> 
 
    <td> 
 
    2 
 
    </td> 
 
    <td id="removeMe"> 
 
    Pineapple 
 
    </td> 
 
    <td> 
 
    Yellow 
 
    </td> 
 
    </table> 
 
<button onclick="removeTheCell()">Remove Pineapple</button>

所以也許我誤解你的問題，但在這個代碼，所佔用的空間了通過單元格被刪除，這似乎沒有任何不同，你已發佈的代碼。讓我知道我錯過了什麼，或者如果這有助於澄清事情。

來源

2016-08-08 03:28:09 larz

刪除表格中的單元格，html

回答

相關問題