javascript动态添加表格内容tbody

最新推荐文章于 2022-07-29 17:14:54 发布

chengmin0823

最新推荐文章于 2022-07-29 17:14:54 发布

阅读量6.3k

点赞数 1

分类专栏：专业学习文章标签： javascript 动态添加表格tbody

本文链接：https://blog.csdn.net/chengmin0823/article/details/42683221

版权

专业学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	function deleteTbody(tableId){
		var oTable = document.getElementById(tableId);
		if(!oTable){
			return;
		}
		var oTbody = oTable.getElementsByTagName("tbody");
		for(var i = 0; i < oTbody.length; i++){
			if(oTbody[i]){
				oTable.removeChild(oTbody[i]);
			}
			
		}
	}
	function addTbody(tableId, source, desc){
		var oTable = document.getElementById(tableId);
		//创建tbody
		var oTbody = document.createElement("tbody");
		oTable.appendChild(oTbody);
		
		var rows = source.length;
		var i = 0;
		while(i < rows){
			addRow(oTbody, source[i], desc[i]);
			i++;
		}
	}
	function addRow(oTbody, source, desc){
		//创建表格第一行
		var oTR_1 = document.createElement("tr");
		oTbody.appendChild(oTR_1);
		
		var oTD_11 = document.createElement("td");
		oTD_11.appendChild(document.createTextNode(source));
		oTR_1.appendChild(oTD_11);
		var oTD_21 = document.createElement("td");
		oTD_21.appendChild(document.createTextNode(desc));
		oTR_1.appendChild(oTD_21);
	}
	function addConfig(){
		var source = new Array("商品号", "商品名称", "商品价格");
		var desc = new Array("goodId", "goodName", "goodPrice");
		deleteTbody("configTable");
		addTbody("configTable", source, desc);
	}
	function deleteConfig(){
		deleteTbody("configTable");
	}
</script>