css创建表格

最新推荐文章于 2024-05-14 16:52:58 发布

tj45678

最新推荐文章于 2024-05-14 16:52:58 发布

阅读量1k

点赞数

分类专栏：手机开发

本文链接：https://blog.csdn.net/tj45678/article/details/78454070

版权

手机开发专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <style></style>
       <script>
           function cretable(){
           var sumLine=document.getElementById("line").value;
               var sumcol=document.getElementById("col").value;
                   var f=document.forms[0];
               var tab=document.createElement("table");
               tab.setAttribute("border","2px");
               for (var i=0;i<sumLine;i++) {
                   var line=document.createElement("tr");
               for(var j = 0; j < sumcol; j++) {
                       var td1 = document.createElement("td");
                       var cont = document.createTextNode(i + "行" + j + "列");
                       td1.appendChild(cont);
                       line.appendChild(td1);
               }
                                   tab.appendChild(line);

           }

                           f.parentNode.appendChild(tab);
            }

       </script>
   </head>
   <body>

       <form>
           <input type="text" id="line" />
           <input type="text" id="col" />
           <input type="button" οnclick="cretable()" value="创建table" />
       </form>
   </body>
</html>

tj45678

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css创建表格

function cretable(){ var sumLine=document.getElementById("line").value; var sumcol=document.getElementById("col").value; var f=document.forms[0];
复制链接

扫一扫