`

table行的操作,基于IE

阅读更多

添加行
function addSingleRow(styleid, desc, styletype, quality, analyse, size, rate,
  weistr, weiend, weiavg) {
//bodyTbl -->table 元素 可以用document.getElementById("ID名字")获取,
//当然获取方式很多,添加行也不一定要这么写,可以用appendChild方法添加
var myrow = bodyTbl.insertRow();
var cell = myrow.insertCell();
cell.innerHTML = "";
var cell = myrow.insertCell();
cell.innerHTML = "<span>" + desc + "</span>";
var cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='styleid' value='" + styleid
   + "'/>" + "<span>" + styletype + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='quality' value='" + quality[0]
   + "'/>" + "<span>" + quality[1] + "</span>"
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='analyse' value='" + analyse[0]
   + "'/>" + "<span>" + analyse[1] + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='size' value='" + size[0]
   + "'/>" + "<span>" + size[1] + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='hidden' name='rate' value='" + rate[0]
   + "'/>" + "<span>" + rate[1] + "</span>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='text' style='width:80px' value='" + weistr
   + "' name='startwei'>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='text' style='width:80px' value='" + weiend
   + "' name='endwei'>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='text' style='width:80px' value='" + weiavg
   + "' name='avgwei'>";
cell = myrow.insertCell();
cell.innerHTML = "<input type='button' value='删除' class='bt_a' onclick='deleteRow()'>";
}
删除行
function deleteRow() {
if (!confirm("确定删除?"))
  return;
//event好像是IE特有的,在firefox估计会出问题
var index = event.srcElement.parentNode.parentNode.rowIndex;
bodyTbl.deleteRow(index - 1);
setRowNum();
}

function setRowNum() {
for ( var i = 0; i < bodyTbl.rows.length; i++) {
  bodyTbl.rows[i].cells[0].innerHTML = (i + 1);
}
}

 

分享到:
评论

相关推荐

    Vue基于iview table展示图片实现点击放大

    然后全局引入,我这边是在main.js里面操作写的: import Viewer from ‘v-viewer’ import ‘viewerjs/dist/viewer.css’ 然后注册下: Vue.use(Viewer) Viewer.setDefaults({ Options: { 'inline': true, '...

    tableFixed:基于jQuery的表头表尾固定组件

    基于jQuery的表头表尾固定组件 ========== table的表头表尾fixed效果,使用浏览器滚动条。兼容IE6 要求表头表尾必须在thead tfoot内 by esky 2014-02-13 步骤1:table加入外部布局容器e-tbWrap, 并生成最外层包裹容器...

    简洁的EXTJS日期选择插件.rar

     4.table ie处理问题,需要强制指定用dom操作  5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题)  修改代码时请注意,IE 表格操作很脆弱,只能直接DOM

    基于J2EE框架的个人博客系统项目毕业设计论文(源码和论文)

    4. 客户端运行环境:能运行IE 5以上或Netscape 5以上浏览器的操作系统,配合使用Ajax技术; 5. 客户端运行工具:目前的系统采用浏览器作为客户端,为了支持Ajax开发框架,应该选择使用IE 5以上版本浏览器。 本...

    在线excel多表头插件

    插件基于jquery,完全采用table绘制。 2、操作流畅。所点即所得,有点像excel2013。 3、自定义多表头。这个必须的。 4、可定义多行 为一组。例如定义2行为一组。对此组进行删除、清空、插入一组等。 5、体积小。...

    傻瓜打表

    效果与c/s一样,在客户端使用IE自带的预览、打印) 表格模板支持: xml格式模板 使用表格定义语句定义的表格可将模板保存到文件、数据库 支持最终用户通过表格设置修改表格,保存模板 成组打印: ...

    avue前端框架 v2.7.5

    为您提供avue前端框架下载,Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高...

    H3BPM 试用系统操作手册

    b) 查询确认:打开【供应商入库】流程,在IE地址栏的URL中加上参数Code的值,如:&Code=ORC,就可以查询到刚才录入的Code值是ORC的记录,以及相关的物料信息子表。 2. 【供应商入库】 a) 从Portal门户的流程中心...

    JS拖拽排序插件Sortable.js用法实例分析

    最近由于项目功能设计的原因,需要对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好的满足这个需求,而且它还是开源的,于是乎就开始学习使用Sortable.js,再然后就有了这篇文章。 特点: 轻量级但...

    傻瓜打表(众合打表)

    效果与c/s一样,在客户端使用IE自带的预览、打印) 表格模板支持: xml格式模板 使用表格定义语句定义的表格可将模板保存到文件、数据库 支持最终用户通过表格设置修改表格,保存模板 成组打印: ...

    在ASP.NET 2.0中操作数据之五十:为GridView控件添加Checkbox

    比如,基于Web的邮箱客户端列出了一系列的邮件,及一列checkboxes,用户可选择任意封邮件并执行相同的操作,比如移动到另一个文件夹或将之删除。  在本教程,我们将探讨如何添加checkboxes列,以及发生页面回传后...

    C#发现之旅源码ASP.NET

    本程序演示了在ASP.NET中使用XML/XSLT,图形开发技术,是C#发现之旅系列课程关于C#操作XML/XSLT,图形开发技术的演示程序。本程序使用C#开发,运行在微软.NET框架1.1的环境下。 程序文件和页面说明如下 demomdb.mdb...

    avue前端框架 v2.7.4

    为您提供avue前端框架下载,Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高...

    wen-ui:ui 组件

    jx-ui.js是基于现有web端的vue-ant-design库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和...

    将博CMS企业版V1.7.3源码 JumboECMS173.rar

    JumboECMS是针对企业用户专门改写的基于JumboTCMS的一个版本。 模块有:企业介绍、新闻、案例、产品、招聘、下载、在线订购、留言等等,支 持中英文。懂二次开发的朋友可以自行扩展其他语言! 二、源码说明 正式...

    DES算法实现 DES.rar

    JumboECMS是针对企业用户专门改写的基于JumboTCMS的一个版本。 模块有:企业介绍、新闻、案例、产品、招聘、下载、在线订购、留言等等,支 持中英文。懂二次开发的朋友可以自行扩展其他语言! 二、源码说明 正式...

    avue前端框架-其他

    Avue.js是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,...

Global site tag (gtag.js) - Google Analytics