Js获取table中当前选择行号

最新推荐文章于 2024-03-05 10:36:32 发布

fishineye

最新推荐文章于 2024-03-05 10:36:32 发布

阅读量1.7w

点赞数 1

分类专栏： JavaScript

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<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="#" οnclick="getRowNo(this)">getRowNo<td>
</tr>
<tr>
<td>B<a href="#" οnclick="delRow(this)">delRow<td>
</tr>
<tr>
<td>C<a href="#" οnclick="getRowNo(this)">getRowNo</td>
</tr>
<tr>
<td>D<a href="#" οnclick="getRowNo(this)">getRowNo</td>
</tr>
</table>
</body>
<html>

fishineye

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
Js获取table中当前选择行号

1//得到行对象function getRowObj(obj){ var i = 0; while(obj.tagName.toLowerCase() != "tr"){ obj = obj.parentNode; if(obj.tagName.toLowerCase() == "table")return null; } ret
复制链接

扫一扫