js在table中添加tr，删除最后一个tr

最新推荐文章于 2023-08-02 15:40:58 发布

李白列夫斯泰

最新推荐文章于 2023-08-02 15:40:58 发布

阅读量5.9k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_24521431/article/details/82624556

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

function addTable(){
    var oTab = document.getElementById('tables');
    var oTr = document.createElement('tr');     //创建TR
    oTr.innerHTML="<tr><td><input type=\"text\" name=\"dates\" id=\"dates\" onclick=\"WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})\"/></td>"+
                            "<td><textarea style=\"width:100%;overflow:auto\" name=\"content\" id=\"content\"></textarea></td>"+
                            "<td><textarea style=\"width:100%;overflow:auto\" name=\"result\" id=\"result\"></textarea></td>"+
                            "<td><textarea style=\"width:100%;overflow:auto\" name=\"review\" id=\"review\"></textarea></td></tr>";
    oTab.appendChild(oTr);
}

-----------------------------------------------------------------------------------------------------------------------------------------------------------------

删除tr方法，每次删除最后一个tr

第一种
function deleteTable()
{
	var long=document.getElementById("tables").rows.length;
//获取table中tr的个数，我的想保留6行，当大于6时可以删除，小于6时不能删除
	if(long>6){
//判断一下table中tr的个数
	var oTab = document.getElementById('tables').lastChild.remove();
//删除table中的最后一个tr
	}else{
		alert("不能再删除了！")
	}
}

第二种
function deleteTable()
{
	var long=document.getElementById("tables").rows.length;
	if(long>2){
//我这是判断了一下tr数量，想至少保留2行，如果不需要保留的话直接写下面两行代码搞定
		var nodes = document.getElementById("tables").childNodes[0].childNodes;
		  document.getElementById("tables").deleteRow(nodes.length - 1);
	}else{
		alert("至少保留一行！")
	}
}