js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息

JavaScript028

js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息,第1张

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

}

通过style的相关接口进行设置，单元格的样式都在style中保存。

可以构造一个样式并设置不同的属性，例如：

var style = new GC.Spread.Sheets.Style()

style.backColor = 'red'

style.foreColor = 'green'

style.isVerticalText = 'true'

之后，你可以将此样式设置给单元格, 行, 或者列:

sheet.setStyle(5, 5, style, GC.Spread.Sheets.SheetArea.viewport)

sheet.setStyle(5, -1, style, GC.Spread.Sheets.SheetArea.viewport)

sheet.setStyle(-1, 5, style, GC.Spread.Sheets.SheetArea.viewport)

样式在不同的层级结构中具有不同的优先级别, 单元格 > 行 > 列。

可以构造多个样式并设置属性，用于对比看出优先级，例如：

1.构造单元格的样式

var cellStyle = new GC.Spread.Sheets.Style()

cellStyle.backColor = 'red'

2.构造行样式

var rowStyle = new GC.Spread.Sheets.Style()

rowStyle .backColor = 'green'

3.构造列样式

var colStyle = new GC.Spread.Sheets.Style()

colStyle.backColor = 'yellow'

4.给单元格，整行，整列设置上述样式：

sheet.setStyle(5,5,cellStyle, GC.Spread.Sheets.SheetArea.viewport)

sheet.setStyle(5,-1,rowStyle, GC.Spread.Sheets.SheetArea.viewport)

sheet.setStyle(-1,5,colStyle, GC.Spread.Sheets.SheetArea.viewport)

sheet.setStyle(-1,6,colStyle, GC.Spread.Sheets.SheetArea.viewport)

上述代码执行效果如下图所示：

由此可见，样式的优先级：单元格 > 行 > 列