Js获取table中当前选择行号
来源:互联网 发布:英文面试常见问题知乎 编辑:程序博客网 时间:2024/05/29 13:25
<html>
<head>
<title>1</title>
<script>
//得到行对象
function getRowObj(obj)
{ var i = 0;
while(obj.tagName.toLowerCase() != "tr")
{ obj = obj.parentNode;
if(obj.tagName.toLowerCase() == "table")
return null;
}
return obj;
}
//根据得到的行对象得到所在的行数
function getRowNo(obj)
{ var trObj = getRowObj(obj);
var trArr = trObj.parentNode.children;
for(var trNo= 0; trNo < trArr.length; trNo++)
{ if(trObj == trObj.parentNode.children[trNo])
{ alert(trNo+1); }
}
}
//删除行
function delRow(obj)
{ var tr = this.getRowObj(obj);
if(tr != null)
{
tr.parentNode.removeChild(tr);
}
else{
throw new Error("the given object is not contained by the table");
}
}
</script>
</head>
<body>
<table border = "1">
<tr>
<td>A<a href="#" onclick="getRowNo(this)">getRowNo<td>
</tr>
<tr>
<td>B<a href="#" onclick="delRow(this)">delRow<td>
</tr>
<tr>
<td>C<a href="#" onclick="getRowNo(this)">getRowNo</td>
</tr>
<tr>
<td>D<a href="#" onclick="getRowNo(this)">getRowNo</td>
</tr>
</table>
</body>
<html>
<head>
<title>1</title>
<script>
//得到行对象
function getRowObj(obj)
{ var i = 0;
while(obj.tagName.toLowerCase() != "tr")
{ obj = obj.parentNode;
if(obj.tagName.toLowerCase() == "table")
return null;
}
return obj;
}
//根据得到的行对象得到所在的行数
function getRowNo(obj)
{ var trObj = getRowObj(obj);
var trArr = trObj.parentNode.children;
for(var trNo= 0; trNo < trArr.length; trNo++)
{ if(trObj == trObj.parentNode.children[trNo])
{ alert(trNo+1); }
}
}
//删除行
function delRow(obj)
{ var tr = this.getRowObj(obj);
if(tr != null)
{
tr.parentNode.removeChild(tr);
}
else{
throw new Error("the given object is not contained by the table");
}
}
</script>
</head>
<body>
<table border = "1">
<tr>
<td>A<a href="#" onclick="getRowNo(this)">getRowNo<td>
</tr>
<tr>
<td>B<a href="#" onclick="delRow(this)">delRow<td>
</tr>
<tr>
<td>C<a href="#" onclick="getRowNo(this)">getRowNo</td>
</tr>
<tr>
<td>D<a href="#" onclick="getRowNo(this)">getRowNo</td>
</tr>
</table>
</body>
<html>
- Js获取table中当前选择行号
- table获取当前行号
- bootstrap table 单击获取当前行号
- C#获取当前行号
- js获取当前选择的对象
- 获取datalist当前操作行号
- GridView、Repeater获取当前行号
- python 获取当前代码行号
- js获取html中的table元素里的每一行的行号
- JS 获取Table中td值
- mysql获取当前记录所在行号
- listCtrl 获取当前选中的行号
- python 获取当前行号 函数名 文件名
- python程序获取当前行号和文件名
- python 获取当前函数名和行号
- js 中获取项目当前服务器路径
- JS获取当前页码URL中信息
- js中实现获取当前超链接
- Java 反射机制
- mac sql developer 解压后不能打开
- 二叉搜索树
- 第一章 Shell编程基础
- 【原创】注册表的读写API(windows)
- Js获取table中当前选择行号
- Android学习网站
- 网络安全 Network password
- Android 实现全屏 无标题栏
- 【Linux基础】Linux下C语言编程环境概述
- 快速幂
- Android编译
- Lucene 搜索引擎学习
- 技术性问题 – 您需要多少个PHP/Python/Ruby 应用服务器工作线程?