js和jq添加新表格

javascript动态实现表格：

function createTable(rowCount,cellCount){

　　var table = document.createElement('table');
　　var tbody = document.createElement('tbody');
　　for (var i = 0; i < rowCount; i++) {
　　　　var tr = document.createElement('tr');
　　　　for (var j = 0; j < cellCount;j++) {
　　　　　　var td = document.createElement('td');
　　　　　　tr.appendChild(td);
　　　　}
　　　　tbody.appendChild(tr);
　　};
　　table.appendChild(tbody);
　　var a = document.getElementsByTagName('body');
　　a.appendChild(table);
　　table.setAttribute("border","1");
}
createTable(10,10);

jQuery动态实现表格：

    function CreateTable(rowCount,cellCount){ 
        var table=$("<table  border=\"1\">");
        table.appendTo($("body"));
        for(var i=0;i<rowCount;i++){
            var tr=$("<tr></tr>");
            tr.appendTo(table);
            for(var j=0;j<cellCount;j++){
                   var td=$("<td>"+ +"</td>");
                   td.appendTo(tr);
            }
         }
        $("body").append("</table>");
    }

两种方式的原理是一样的，不同的是添加子元素的方法不一样！

 

转载于:https://www.cnblogs.com/zhuzhenzhen/p/4638124.html