如何修改此代码,以便可以删除每个表单元格?

莉兹士气

我有一个简单的任务管理器,用户可以在其中记录“ toDos”,但是我不知道如何制作它,以便用户可以删除已完成的任务。有什么建议?

var toDoSpace = document.getElementById("toDospace");

document.getElementById("addToDo").addEventListener('click', function    addToDo()
{
var aToDo = document.getElementById("newToDo").value;

if(document.getElementsByTagName("tr").length == 18)
{
    document.getElementById('message').innerHTML = 'To many todos!';  
}
else if (aToDo === '')
{
  document.getElementById('message').innerHTML = 'Cannot be empty!';
}
else
{    
  var row = document.createElement("tr");
toDoSpace.appendChild(row);
var cell= row.insertCell(0);
cell.innerHTML =  aToDo;      
document.getElementById("newToDo").value = '';
}
});
前额嗅探器

在最后一个else块中,创建一个Delete按钮并添加click事件监听器。它里面你应该removeChild之从toDoSpace

这是MDN的链接https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

VBA:如何使用表标题引用列,以便可以在单元格引用中使用该列

来自分类Dev

如何检查char数组是否有一个空单元格,以便可以在其中打印0?

来自分类Dev

如何安排此代码,以便可以从数据库中为每个表行获取不同的条目

来自分类Dev

如何删除MS Word表单元格内容但不删除单元格

来自分类Dev

如何在jQuery中删除表单元格

来自分类Dev

如何删除Excel中每个单元格中的回车?

来自分类Dev

每个表单元格的数组输出

来自分类Dev

无论如何,有什么方法可以模拟单元格滑动,以便在轻按单元格时滑动单元格?

来自分类Dev

有没有一种方法可以让我的公式引用一个单元格值,以便可以用一个单元格更改多个公式?

来自分类Dev

如何从uitableview单元格中删除单元格

来自分类Dev

如何获得修改每个单元格的最后一个用户的电子邮件

来自分类Dev

修改表单元格的第n个子级

来自分类Dev

有没有更好的方法编写此代码,以便可以维护DRY?

来自分类Dev

如何修改代码,使其仅打印单元格E和F?

来自分类Dev

GAS:如何修改这段代码以仅更改为空的单元格值?

来自分类Dev

是否可以编写VBA代码以仅从突出显示的单元格中删除重复项?

来自分类Dev

如何缩短此VBA代码?复制和粘贴单元格

来自分类Dev

每个表行的jQuery总和表单元格

来自分类Dev

iOS:如何在代码中的表单元格中为文本字段添加约束

来自分类Dev

Markdown:如何在表单元格中插入Java代码块?

来自分类Dev

Excel 2011 - 如何将 textJoin 的输出从单元格的值更改为单元格名称,以便我可以将其放入 Sum() 以添加这些值

来自分类Dev

如何按此顺序复制此单元格?

来自分类Dev

如何删除单个单元格?

来自分类Dev

如何删除datagridview单元格?

来自分类Dev

如何删除UICollectionView单元格

来自分类Dev

如何删除UICollectionView上的单元格

来自分类Dev

如何删除单元格以离开 jQuery

来自分类Dev

如何删除父表单元格和内部表之间的空间

来自分类Dev

CKEditor:如何从表单元格中删除p个元素?

Related 相关文章

  1. 1

    VBA:如何使用表标题引用列,以便可以在单元格引用中使用该列

  2. 2

    如何检查char数组是否有一个空单元格,以便可以在其中打印0?

  3. 3

    如何安排此代码,以便可以从数据库中为每个表行获取不同的条目

  4. 4

    如何删除MS Word表单元格内容但不删除单元格

  5. 5

    如何在jQuery中删除表单元格

  6. 6

    如何删除Excel中每个单元格中的回车?

  7. 7

    每个表单元格的数组输出

  8. 8

    无论如何,有什么方法可以模拟单元格滑动,以便在轻按单元格时滑动单元格?

  9. 9

    有没有一种方法可以让我的公式引用一个单元格值,以便可以用一个单元格更改多个公式?

  10. 10

    如何从uitableview单元格中删除单元格

  11. 11

    如何获得修改每个单元格的最后一个用户的电子邮件

  12. 12

    修改表单元格的第n个子级

  13. 13

    有没有更好的方法编写此代码,以便可以维护DRY?

  14. 14

    如何修改代码,使其仅打印单元格E和F?

  15. 15

    GAS:如何修改这段代码以仅更改为空的单元格值?

  16. 16

    是否可以编写VBA代码以仅从突出显示的单元格中删除重复项?

  17. 17

    如何缩短此VBA代码?复制和粘贴单元格

  18. 18

    每个表行的jQuery总和表单元格

  19. 19

    iOS:如何在代码中的表单元格中为文本字段添加约束

  20. 20

    Markdown:如何在表单元格中插入Java代码块?

  21. 21

    Excel 2011 - 如何将 textJoin 的输出从单元格的值更改为单元格名称,以便我可以将其放入 Sum() 以添加这些值

  22. 22

    如何按此顺序复制此单元格?

  23. 23

    如何删除单个单元格?

  24. 24

    如何删除datagridview单元格?

  25. 25

    如何删除UICollectionView单元格

  26. 26

    如何删除UICollectionView上的单元格

  27. 27

    如何删除单元格以离开 jQuery

  28. 28

    如何删除父表单元格和内部表之间的空间

  29. 29

    CKEditor:如何从表单元格中删除p个元素?

热门标签

归档