用javascript动态修改一个table的行列

最新推荐文章于 2020-12-13 15:19:38 发布

转载最新推荐文章于 2020-12-13 15:19:38 发布 · 280 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/c840136/articles/2298504.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现的动态表格操作方法，包括如何添加和删除表格行。通过简单的函数即可实现在网页上对表格内容的实时修改。

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

//动态添加行
function addRow(){
var table = document.getElementById("tableID");
var newRow = table.insertRow(); //创建新行
   var newCell1 = newRow.insertCell(); //创建新单元格
   newCell.innerHTML = ""； //单元格内的内容
   newCell.setAttribute("align","center"); //设置位置
}
//动态删除行
function deleteRow(){
var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
var styles = document.getElementById("tableID");
   styles.deleteRow(rowIndex);
}