码迷,mamicode.com
首页 > Web开发 > 详细

js和jq添加新表格

时间:2015-07-11 10:32:27      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

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>");
    }

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

 

js和jq添加新表格

标签:

原文地址:http://www.cnblogs.com/zhuzhenzhen/p/4638124.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!