html之table删除和添加数据（获取行号和列号）

代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><style type="text/css">#t{width: 800px;height: 80px;}</style><body><div id="df" style="width: 800px; height: 50px;"><button id="btn" onclick="add()">添加数据</button><span>请开始添加数据：惠涛</span></div><table border="1px" cellspacing="1px" cellpadding="px" id="t"><thead><tr><th>id号</th><th>姓名</th><th>操作</th></tr></thead><tbody id="tbody"></tbody></table><script type="text/javascript">var count=0;// 添加数据function add(){count++;var tr=document.createElement("tr");var td1=document.createElement("td");var td2=document.createElement("td");var del=document.createElement("td");td1.innerHTML=count+"号";td2.innerHTML="惠涛"+count;del.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";var tab=document.getElementById("tbody");tab.appendChild(tr);tr.appendChild(td1);tr.appendChild(td2);tr.appendChild(del);}// 删除数据function del(obj){var tr=obj.parentNode.parentNode;// 获取他的行号row_(tr)tr.parentNode.removeChild(tr);}//删除行的行号和列号function row_(obj){var rows = document.getElementById('tbody').getElementsByTagName('tr');for(var j=0;j<rows.length;j++){if(obj==rows[j]){alert(rows[j].rowIndex+1)} }// 获取列号，先考虑没有数据，只有一列if(j=0){var cell = rows[i].getElementsByTagName('tr');for (var k = 0; k< cell.length; k++){cell[k].onclick=function(){alert(huitao)alert(cell[k].cellIndex+1)}}}else{cells = rows[i].getElementsByTagName('td');for(var i=0;i<cells.length;i++){if(cells[i]==obj){alert(this.cellIndex+1)}}}}</script></body>
</html>

效果展示：

html之table删除和添加数据（获取行号和列号）相关推荐

html自动增加一行并获取行号,javascript开发系列(table操作，table增加一行，删除一行，取行号，列号)...
增加删除:insertRow,deleteRow, insertCell,deleteCell, 行号,列号:rowIndex ,cellIndex. 实例: 无标题页 table { backgro ...
Numpy数组中删除指定位置、指定行或指定列的数据：numpy.delete()
[小白从小学Python.C.Java] [Python-计算机等级考试二级] [Python-数据分析] Numpy数组中删除指定位置.指定行或指定列的数据: numpy.delete() [太阳 ...
C# 设置Excel数据自适应行高、列宽的2种情况
Excel表格中,由于各种数据的复杂性,可能存在单元格中的数据字号大小.数据内容长度不一而出现,列宽过宽.过窄或者行高过大.过小的问题.常见的解决方法是调整行高.列宽.在Microsoft Excel ...
BODY background=自适应大小_C# 设置Excel数据自适应行高、列宽的2种情况
Excel表格中,由于各种数据的复杂性,可能存在单元格中的数据字号大小.数据内容长度不一而出现列宽过宽.过窄或者行高过大.过小的问题.常见的解决方法是调整行高.列宽.在Microsoft Excel中 ...
python怎么选取第几行第几列_python DataFrame获取行数、列数、索引及第几行第几列的值方法...
python DataFrame获取行数.列数.索引及第几行第几列的值方法更新时间:2018年04月08日 16:22:00 作者:小白九九下面小编就为大家分享一篇python DataFrame ...
mysql删除新添加数据,MySQL添加、更新与删除数据
添加.更新与删除数据添加数据为表中所有字段添加数据 INSERT INTO 表名(字段名1,字段名2,--) VALUES(值1,值2,--); insert into 表名 values(值1, ...
mysql删除新添加数据_MySQL数据库基础（六）——SQL插入、更新、删除操作
MySQL数据库基础(六)--SQL插入.更新.删除操作一.插入数据 1.为表的所有字段插入数据使用基本的INSERT语句插入数据要求指定表名称和插入到新记录中的值. INSERT INTO ta ...
python 在excel指定列添加数据_python读取excel指定列数据并写入到新的excel方法
如下所示: #encoding=utf-8 import xlrd from xlwt import * #------------------读数据------------------------- ...
原型设计中展示数据的“行模式”与“列模式”的选择
在原型设计中的一点点思考与总结: 界面中操作数据"行模式"还是"列模式",所谓"行模式"即将被操作的对象每个作为一行,而"列模式& ...

html之table删除和添加数据（获取行号和列号）

html之table删除和添加数据（获取行号和列号）相关推荐

最新文章

热门文章