Js删除table内的某一行

最新推荐文章于 2023-04-03 21:45:25 发布

jarry.liu

最新推荐文章于 2023-04-03 21:45:25 发布

阅读量3k

点赞数

分类专栏： JS专区

本文链接：https://blog.csdn.net/lsfhack/article/details/69664538

版权

JS专区专栏收录该内容

66 篇文章 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<input type="button" value="A" οnclick="getRowNo(this)">getRowNo<td>
</tr>
<tr>
<td>B<input type="button" value="B" οnclick="delRow(this)">delRow<td>
</tr>
<tr>
<td>C<input type="button" value="C" οnclick="getRowNo(this)">getRowNo</td>
</tr>
<tr>
<td>D<input type="button" value="D" οnclick="getRowNo(this)">getRowNo</td>
</tr>
</table>
</body>
<html>