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可见属性
}