js:往tr里添加td也可以这么写_js <tr> 追加 td-CSDN博客

本文链接：https://blog.csdn.net/yiwanxingchena/article/details/78590057

本文介绍了一种通过JavaScript实现的表格数据分页加载的方法。该方法首先改变当前页面编号和每页显示条数，然后移除旧的表格主体部分，并发送AJAX请求获取新的数据。接收到响应后，创建新的表格主体结构并填充数据到表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function page(n, s) {
    	$("#pageNo").val(n);
    	$("#pageSize").val(s);
    	//删除旧tbody
    	var contentTableSub = document.getElementById("entityTable");
    	var oldTbody = document.getElementById("entityTbody");
    	if (oldTbody != null) {
    		contentTableSub.removeChild(oldTbody);
    	}
    	//添加新tbody
    	$("#searchForm").attr("action",APIHost+"/xxx/xxx/xxx/list");
    	$("#searchForm").ajaxSubmit({
    		headers : {"token" : localStorage.getItem("token")},
    		success:function (data) {
    	    	document.getElementById("page_div").innerHTML=data.html;
    	    	var newTbody = document.createElement("tbody");
    	    	newTbody.setAttribute("id", "entityTbody");
    	    	var list = data.list;
    	    	for (var i = 0; i < list.length; i++) {
    	    		var entity = list[i];
    	    		var tr = document.createElement("tr");
    	    		tr.setAttribute("onclick","showSubEntityTable($(this),'"+entity.sequCode+"')")
    	    		//选择框
			var td0 = document.createElement("td");
			td0.innerHTML = "<input type='checkbox' name ='checkbox'  value='"+entity.id+"'/>"
			tr.appendChild(td0);
			//序号
			var td1 = document.createElement("td");
			td1.innerHTML = i+1;
			tr.appendChild(td1);
			//其它(注：往tr里添加td也可以这么写)
			var properties = new Array("sequCode","sequName","sequDelimiter","sequReset")
			for(var j=0;j<properties.length;j++){
				var p0 = properties[j];
				var td = document.createElement("td");
				td.innerHTML = entity[p0];
				tr.appendChild(td);
			}
    	    		newTbody.appendChild(tr);
    	    	}
    	    	contentTableSub.appendChild(newTbody);
    	    }
    	});
    }