js动态添加table表的一行和删除一行

<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>

猜你喜欢

转载自blog.csdn.net/java_exception_souji/article/details/53928486