创建一个使用循环创建HTML表的javascript函数

时间:2017-01-03 13:51:18

标签: javascript html function loops html-table

到目前为止,我已经学习了HTML,现在进入了javascript。但我需要一些关于如何创建一个javascript函数的指导或示例,它将使用循环创建一个HTML表。

例如,House(2,4)将返回一个HTML表,包含2行和4列。

有人可以帮助我,或者给我一个接近这个的例子吗?

1 个答案:

答案 0 :(得分:-1)

你可以尝试这个功能,你现在需要的只是将css添加到你的表中

function createTable(rows,cols){
var table = $('<table><tbody>');
for(var r = 0; r < rows; r++)
{
    var tr = $('<tr>');
    for (var c = 0; c < cols; c++)
        $('<td>row'+ r +'cols'+ c +' </td>').appendTo(tr); 
    tr.appendTo(table);
}

table.appendTo('body'); 

}

createTable(1,3)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>