JAVA学习笔记_前台动态生成表格

来源：互联网发布：徐老师淘宝外设店编辑：程序博客网时间：2024/05/28 09:33

demo

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        行：<input type="text" id="row" /><br />        列：<input type="text" id="column"><br />        <input type="button" value="生成" onclick="add2()"/><div id="div1"></div>              <script type="text/javascript">            function add2(){                console.log(1);                var row1 = document.getElementById("row").value;                var column1 = document.getElementById("column").value;                var tab = "<table border='1' bordercolor='black'>";                             for(var i=1;i<=row1;i++){//行                    tab +="<tr>";                     for(var j=1;j<=column1;j++){//列                        tab += "<td>XXXXXXXX</td>";                    }                                       tab += "</tr>";                }                                               tab +="</table>";             var div11 = document.getElementById("div1");            div11.innerHTML = tab;            }               </script>    </body>         </html>

阅读全文

0 0