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

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

原创最新推荐文章于 2020-11-04 12:39:55 发布 · 963 阅读

0 ·

CC 4.0 BY-SA版权

Html&javascript 专栏收录该内容

4 篇文章

订阅专栏

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

<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>