js生成表格

来源：互联网发布：seo搜索引擎优化能赚钱编辑：程序博客网时间：2024/06/03 19:09

<html><head>    <title>生成table</title></head><body>    <h1>js生成一个表格</h1>    <div>        <p>生成一个<input type="text" id="tr" value="1">行，<input type="text" id="td" value="1">列的表格</p>        <input type="button" value="生成" onclick="table()">    </div>    <div id="tableTest"></div><script>    var table = function(){        var tr,td;        var arr = new Array();        tr = document.getElementById('tr').value;        td = document.getElementById('td').value;        arr.push('<table border=1><tbody></tbody>');            for (var i=1;i<=tr;i++){                arr.push('<tr>');                for(var j=1;j<=td;j++){                    arr.push('<td>'+i+'行'+j+'列</td>');                }                arr.push('</tr>');            }        arr.push('</tbody></table>');        document.getElementById('tableTest').innerHTML = arr.join('');    }</script></body></html>

0 0