js動態新增table表的一行和刪除一行
阿新 • • 發佈:2018-12-10
<html>
<title></titile>
<body>
<a href="javascript:addTr()">新增</a>
<table id="tableId">
<tr>
<td>負責人</td>
<td>狀態</td>
<td>操作</td>
</tr>
<tr>
<td>sss</td>
<td>正常</td>
<td><a href="javascript:delete(this)">刪除</a></td>
</tr>
</table>
</body>
<script>
function addTr(){
var tr = "<tr><td>aaa</td><td>正常</td><td><a href='javascript:delete(this)'>刪除</a></td></tr>"
$("#tableId").append(tr);
}
function delete(obj){
var tr = this.getRowObj(obj);
if(tr != null){
tr.parentNode.removeChild(tr);
}
}
//得到行物件
function getRowObj(obj){
var i = 0;
while(obj.tagName.toLowerCase() != "tr"){
obj = obj.parentNode;
if(obj.tagName.toLowerCase() == "table")return null; }
return obj;
}
</script>
</html>