JavaScript保存用户添加的表行

JavaScript保存用户添加的表行,javascript,jquery,html,css,cookies,Javascript,Jquery,Html,Css,Cookies,我正在制作一个有表格的电子应用程序,用户可以添加一个表格并更改字段的内容,但我希望保存输入,并且只有用户在其中输入了任何内容 我该怎么做?我需要一个数据库吗?可以用饼干做吗?我试图学习如何使用cookies,但没有找到如何保存添加的元素以及内容 函数appendRow(id){ var table=document.getElementById(id);//表引用 长度=表格长度, row=表格.insertRow(表格.rows.length);//追加表格行 var i; //将表格单元格

我正在制作一个有表格的电子应用程序,用户可以添加一个表格并更改字段的内容,但我希望保存输入,并且只有用户在其中输入了任何内容

我该怎么做?我需要一个数据库吗?可以用饼干做吗?我试图学习如何使用cookies,但没有找到如何保存添加的元素以及内容

函数appendRow(id){
var table=document.getElementById(id);//表引用
长度=表格长度,
row=表格.insertRow(表格.rows.length);//追加表格行
var i;
//将表格单元格插入新行
对于(i=0;i
表格{
文本对齐:居中;
宽度:400px;
}
tr:n个孩子(偶数){
背景色:#ccc;
}

试验
添加客户
客户
主要位置
某人
某物

如何保存它取决于您想做什么。如果您想在程序退出后继续保存,则需要将其保存在磁盘或服务器上。不过,您可能只想将其保存到文件中。(JSON是最明显的选择)。否则,只需将其保存到js变量中

要获取数据,我要么使用一个保存按钮读取单元格文本,要么使用数据绑定。后者对于电子应用程序非常有用。您可以使用一个框架(如,或更多)或

前者可能更简单,您可能需要一个按钮将其保存到磁盘上。点击按钮,您可以浏览所有
-元素,获取它们的值并保存它们

功能保存(id){
var table=document.getElementById(id);
var trs=table.getElementsByTagName('tr');//所有行的列表
var values=[];//将是所有值的(可能是锯齿状的)2D数组
对于(变量i=0;i
表格{
文本对齐:居中;
宽度:400px;
}
tr:n个孩子(偶数){
背景色:#ccc;
}

试验
添加客户
拯救
客户
主要位置
某人
某物