删除表格中的单元格，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

回答

相关问题