用js实现动态添加表格数据

JavaScript025

用js实现动态添加表格数据,第1张

1、在页面div中事先创建一个空白表格,可以根据需求而定。

2、表格创建好后,我们就可以写动态生成表格的关键代码了。我们写一个js方法供触发使用。

3、在<tb>标签中我们添加了<input>标签,主要是用来提供用户输入参数, 而全局变量num,主要是用来区分每一个添加的参数的id的唯一性而存在的。

4、获得表格中的数据。

5、拿到表格中的数据后,我们根据它值的形式把它转换成json格式的数据。

1、首先开始新建html文件。

2、然后创建一个三行三列的表格。

3、接下来开始创建js函数。

4、接下来开始进行定义变量获取行。

5、然后就将函数加在按钮上。

6、就可以看到预览效果如图。

7、最后点击第二个按钮删除 第二行。

一。导出Excel有两种:

1.

function ExportExcel(tableid){//读取表格中每个单元到EXCEL中

try

{

var curTbl = document.getElementById(tableid)

var oXL = new ActiveXObject("Excel.Application")//创建AX对象excel

var oWB = oXL.Workbooks.Add()//获取workbook对象

var oSheet = oWB.ActiveSheet//激活当前sheet

var Lenr = curTbl.rows.length//取得表格行数

for (i = 0i <Lenri++){

var Lenc = curTbl.rows(i).cells.length//取得每行的列数

for (j = 0j <Lencj++){

oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText//赋值

}

}

oXL.Visible = true//设置excel可见属性

}

catch(e)

{

alert(e.message)

}

}

2:

function dataToExcel(tableid) {//整个表格拷贝到EXCEL中

var curTbl = document.getElementById(tableid)

var oXL

try {

oXL = GetObject("", "Excel.Application")

}

catch (E) {

try {

oXL = new ActiveXObject("Excel.Application")

}

catch (E2) {

//alert("Please confirm:\n1.Microsoft Excel has been installed.\n2.Internet Options=>Security=>Setting \"Enable unsafe ActiveX\"")

alert("请确认:\n1.机器上Excel已经安装.\n2.Internet 选项=>安全=>Internet \"对没有标记为安全的ActiveX控件进行初始化和脚本运行,设定为启用\"")

return

}

}

//创建AX对象excel

var oWB = oXL.Workbooks.Add()

//获取workbook对象

var oSheet = oWB.ActiveSheet

//激活当前sheet

var sel = document.body.createTextRange()

sel.moveToElementText(curTbl)

//把表格中的内容移到TextRange中

sel.select()

//全选TextRange中内容

sel.execCommand("Copy")

//复制TextRange中内容

oSheet.Paste()

//粘贴到活动的EXCEL中

oXL.Visible = true

//设置excel可见属性

}