Javascript 如何在html表中动态添加行

我想在HTML表中动态添加行，列数应该是固定的。添加行之后，我想在每行和每列中输入一些文本值。输入文本值后，我希望将其存储在数据库表中。怎么做？这是我的密码

函数addRow（）{
var root=document.getElementById（'mytab'）.getElementsByTagName（'tbody'）[0]；
var rows=root.getElementsByTagName（'tr'）；
var clone=cloneEl（rows[rows.length-1]）；
root.appendChild（克隆）；
}
函数addColumn（）{
var rows=document.getElementById（'mytab'）.getElementsByTagName（'tr'），i=0，r，c，clone；
而（r=行[i++]）{
c=r.getElementsByTagName（'td'）；
clone=cloneEl（c[c.length-1]）；
c[0].parentNode.appendChild（克隆）；
}
}
功能克隆（el）{
var clo=el.cloneNode（真）；
返回clo；
}

#mytab td{
宽度：100px；
高度：20px；
背景:#中交;；
}

无标题文件

已更新 您好，您必须在克隆元素后清除输入值，如下所示<代码>清除输入（克隆）将检查克隆的

DOM

并删除

输入值。检查下面的代码


函数addRow（）{
var root=document.getElementById（'mytab'）.getElementsByTagName（'tbody'）[0]；
var rows=root.getElementsByTagName（'tr'）；
var clone=cloneEl（rows[rows.length-1]）；
清除输入（克隆）；
root.appendChild（克隆）；
}
函数addColumn（）{
var rows=document.getElementById（'mytab'）.getElementsByTagName（'tr'），i=0，r，c，clone；
而（r=行[i++]）{
c=r.getElementsByTagName（'td'）；
clone=cloneEl（c[c.length-1]）；
清除输入（克隆）；
c[0].parentNode.appendChild（克隆）；
}
}
功能克隆（el）{
var clo=el.cloneNode（真）；
返回clo；
}
功能清除输入（obj）{
对于（变量i=0；n=obj.childNodes[i]；+i）{
if（n.childNodes&&n.tagName！=“输入”）{
清除输入（n）；
}else if（n.tagName=='INPUT'&&n.type=='text'）{
n、 值=“”；
}
}  
}
#mytab td{
宽度：100px；
高度：20px；
背景:#中交;；
}

无标题文件


格式化您的代码！这些输入值可以使用php存储在数据库中吗？@DebasishChoudhury为此，您必须将
移动到
之后。如果您要在数据库中创建列，首先，您必须为它创建一个结构。使用MySql PDO驱动程序可以向数据库表中添加新列。还有，你必须用。但是我更喜欢你用