读书人

javascript 删除表中的一行出现个异常

发布时间: 2012-03-16 16:34:56 作者: rapoo

javascript 删除表中的一行出现个错误
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function del(index){
document.getElementById("id8").deleteRow(index);
}

</script>
</head>

<body>
<table border='1' id='id8'>
<tr id="row1">
<td>羽毛球拍</td>
<td>价格:199</td>
<td>1个</td>
<td><input type='button' id ='b1' name='btn' value='删除' onclick="del(0)"/></td>
</tr>

<tr id="row2">
<td>足球鞋</td>
<td>价格:599</td>
<td>5</td>
<td><input type='button' id ='b2' name='btn' value='删除' onclick="del(1)"/></td>
</tr>
<tr id="row3">
<td>球鞋</td>
<td>价格:599</td>
<td>5</td>
<td><input type='button' id ='b3' name='btn' value='删除' onclick="del(3)"/></td>
</tr>
</table>
</body>
</html>


删到球鞋的 时候 为什么 说意外调用了 方法和属性? 行 11 document.getElementById("id8").deleteRow(index);
这里出错

[解决办法]
呵呵4楼说的对,没注意,LZ改下

onclick="del(this.rows)"

这个可以了结贴吧~
[解决办法]
onclick="del(this.parentNode.parentNode.rowIndex)"这个可以了吧~

读书人网 >J2EE开发

热点推荐