css创建表格

来源：互联网发布：win7与linux双系统编辑：程序博客网时间：2024/06/06 03:34

<!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" onclick="cretable()" value="创建table" />
       </form>
   </body>
</html>

阅读全文

0 0