JS动态给表格添加/删除行

最新推荐文章于 2020-11-04 12:39:55 发布

Quagger

最新推荐文章于 2020-11-04 12:39:55 发布

阅读量953

点赞数

CC 4.0 BY-SA版权

分类专栏： Html&javascript

本文链接：https://blog.youkuaiyun.com/daydring/article/details/15813225

Html&javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建和删除HTML表格行的方法。通过两个按钮实现行的追加和删除功能，具体包括创建表格元素、设置文本内容及插入到DOM中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script>
function cs(){
      var row = document.createElement("tr");
      var cell = document.createElement("td");
      var foo = document.createTextNode("foo");
      cell.appendChild(foo);
      row.appendChild(cell);
     document.getElementById("myTableBody").appendChild(row);
}

function ds(row){
var tb= document.getElementById("myTableBody");
tb.deleteRow(row);
}
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="javascript:cs();return false;">追加</a>