增加删除:insertRow,deleteRow, insertCell,deleteCell,

行号,列号:rowIndex ,cellIndex。

实例:

无标题页

table { background-color:red; border:solid 1px red}

td { background-color:#ffffff; border:solid 1px red}

function addTab()

{

var tb=document.getElementById("tb");

tb.insertRow(0);

tb.rows[0].insertCell(0);

tb.rows[0].cells[0].appendChild(document.createTextNode("Name"));

tb.rows[0].insertCell(1)

tb.rows[0].cells[1].appendChild(document.createElement("input"))

}

function delTab()

{

var tb=document.getElementById("tb");

(tb.rows.length<=0)?alert("请行增加相应的row"):tb.deleteRow(0);

}

function sumTab()

{

var tb=document.getElementById("tb");

var smRow=tb.rows.length;

//         for(tr in tb.rows)

//         {

//           alert(tr.cells[1].firstChild.value());

//         }

for(i=0;i<=tb.rows.length;i++)

{

alert(tb.rows[i].cells[1].firstChild.value);

tb.rows[i].οnclick=function()

{

alert("我的行号是:"+this.rowIndex +"/n"+ "我的列号是:"+this.firstChild.cellIndex);//注意.tr只有行号,td才有列号,所以第一个为this.rowIndex(tr) ,第二个为:this.firstChild.cellIndex(td)

}

}

}

html自动增加一行并获取行号,javascript开发系列(table操作,table增加一行,删除一行,取行号,列号)...相关推荐

  1. Open BMC开发系列(六)增加对GPIO的支持

    增加BMC对GPIO的支持,与嵌入式增加GPIO的逻辑是一样的. 1,定义设备树,安装GPIO的驱动 默认linux都包含GPIO的驱动,查看是否安装了GPIO,去查看/sys/class/gpio是 ...

  2. linux如何正则匹配删除一行,shell sed命令匹配替换删除最后第一行字符正则表

    只显示每行的第一个单词 [root@localhost ~]# sed -r 's/([^0-9a-Z]+)(.+)//gp' passwd root bin daemon adm 打印每行3次:se ...

  3. VC++ 单文档的状态栏编程、CEditView类实现编辑器功能、编辑框显示行号列号

    Win10 企业版:VC6: 新建一个单文档工程:默认的视图类的基类是CView:选择CEditView类作为,看一下生成的效果: 构建一下:运行:以CEditView作为基类,生成的应用程序具有编辑 ...

  4. 前端对接微信公众号网页开发流程,前期配置

    微信公众号网页开发,其实就是我们开发的h5网页需要放到微信浏览器环境中使用,但是需要对接公众号授权,授权之后可以获取到用户的个人信息,以及可以使用公众号提供的一些API,如:图片上传.图片预览.获取位 ...

  5. textarea选中行删除_Easy Data Transform如何在Excel中删除重复的行?

    Excel用户经常希望删除具有重复值的行.例如,要删除包含重复电子邮件的行,那么Easy Data Transform如何在Excel中删除重复的行?下面一起来看看吧. 先在您的Mac上安装Easy ...

  6. 【花雕体验】07 搭建行空板开发环境之VSCode编程

    行空板作为一台4核单板微型计算机,运行完整Python,亦可体验海量Python库,极简操作只需2步即可拥抱Python,多种连接方式,集成度高,利于教学,接口丰富扩展性强,是新一代Python教学利 ...

  7. IDEA删除一行的快捷键

    IDEA删除行的快捷键 前言 第一点 第二点 第三点 前言 以前习惯用eclipse,但是现在用了IDEA很不习惯,也不知道IDEA的快捷开发键. 第一点 eclipse中删除一行是 Ctrl + D ...

  8. 【花雕体验】06 搭建行空板开发环境之Thonny编程

    1.Thonny是一款轻量级Python编辑器,使用简单容易上手,适合初学者的 Python IDE.官网下载安装即可:https://thonny.org/. [花雕体验]01上手行空板 https ...

  9. 熟悉VBA 但是不熟悉 xlwings 怎么办,可以调用 api 操作,如 xlwings 取消自动换行,xlwings选中某一列,xlwings获取最大行号,行标,最大列号,列标等等

    熟悉VBA 但是不熟悉 xlwings 怎么办,可以调用 api 操作,如 xlwings 取消自动换行,xlwings选中某一列,xlwings获取最大行号,行标,最大列号,列标等等 个人常用代码如 ...

最新文章

  1. Hadoop中任务提交运行流程
  2. 组信箱共享及挂载介绍
  3. Prometheus学系列(十九)之PromQL基础
  4. IP和网段及子网掩码基础知识
  5. 个人事业实现突破的关键点
  6. android设置window背景颜色,Android WindowManager 背景暗化
  7. 算法分析与设计实验报告——实现分治法求解棋盘覆盖问题
  8. 【微信小程序】视频播放小程序
  9. 面试 — 海康威视(Android客户端开发)
  10. 产品经理的进阶——需求的成长史
  11. Excel对比两个Sheet数据的异同
  12. 联想重装系统去掉保护_关于联想品牌电脑无法重装系统的几点注意
  13. cygwin安装配置apt-cyg工具
  14. html预览页面做成a4纸,html页面,A4纸竖向打印,网页页面的宽度应该设置成多少?...
  15. [区块链]区块链技术在教育领域的应用
  16. Mysql SQL优化(二) 快速生成5位数不重复的编号
  17. 用css3 3d效果做一个立体盒子
  18. C语言学习1——第一、二、三章学习记录
  19. android手机对网络请求抓包
  20. 新编计算机科学概论考试,热门计算机科学概论论文题目 计算机科学概论论文题目怎么定...

热门文章

  1. VScode同步配置和插件步骤
  2. ES6_Set和WeakSet_note
  3. 环回测试能够提供什么信息_VIAVI | 全面对比“真双向分析”与“环回测试”,结果一目了然!...
  4. 我的世界服务器指令修改拔刀剑,我的世界拔刀剑Mod 合成刀方法作用
  5. 成绩转换(百分制到五级制的转换)-(只作新手参考)
  6. 无线文件服务器,文件共享新方法 无线网络文件共享设置
  7. 行政职业能力测试软件,公务员行政职业能力测试考试宝典
  8. java sql inj_Java防止SQL注入的几个途径
  9. python AES使用
  10. acm括号配对问题c语言,ACM:UESTC - 649 括号配对问题 - stack