前端小技巧：js 动态创建table标签下的tr标签

使用JavaScript根据后台获取的数据进行创建table标签下的tr标签

前端页面中的标签部分代码

 

        

        

            
ID
            
名称
            
图标
            
状态
            
排序
            
操作
        
        
        

        
        
 

 使用根据获取的数据进行遍历创建tr标签

$.ajax({
			type : "post",
			async : false,//不加直接error
			url : '/SuperCMS/AdminMenuCon/menupower',
			success : function(res) {
				data=res;
				var tdArr = document.getElementById('poweruser').firstElementChild;
		        for (var i = 0; i < data.length; i++) {
		            var tr = document.createElement("tr");		            
		            tr.innerHTML = '' + data[i].id + ''
		                           +'' + data[i].cname + ''
		                           +'' + data[i].iconfont + ''
		                           +''
		                           +''+ data[i].sort + ''
		                           +''
		                           +'编辑'
		                           +''
		                           +'删除'            
		                           +'';		            
		            tdArr.appendChild(tr);           
		        }
			},
    	    error: function () {
             console.log("超级权限菜单！");
            }
		});

具体效果