首页 / JAVASCRIPT / js和jq添加新表格

js和jq添加新表格

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js和jq添加新表格，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含942字，纯文字阅读大概需要2分钟。

内容图文

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

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

 

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

内容总结

以上是互联网集市为您收集整理的js和jq添加新表格全部内容，希望文章能够帮你解决js和jq添加新表格所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1168932.html

来源：【匿名】